我是靠谱客的博主 笨笨水壶,最近开发中收集的这篇文章主要介绍iviewUI库 Col以及Row 组件用法,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

  • 使用row在水平方向创建一行
  • 一将组col插入在row
  • 每个在col中,键入自己的内容
  • 设置通过colspan参数,指定跨越的范围,其范围是1到24
  • 每个row中的col总和应该为24
  • 如下图这样
  • 注意:非模板/渲染模式下,需使用i-col
  • 给通过row添加gutter属性,给可以的下属col添加间距
  • 我这里给的col间距是30px
  • 给通过row设置参数align为不同的值,来定义子元素在垂直方向上的排布方式。在flex模式下有效值。
  • type="flex" justify="start"子元素向左排列
  • type="flex" justify="end"子元素向右排列
  • type="flex" justify="center"子元素居中排列

最后

以上就是笨笨水壶为你收集整理的iviewUI库 Col以及Row 组件用法的全部内容,希望文章能够帮你解决iviewUI库 Col以及Row 组件用法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(55)