布局规则

{warning} 所有组件均支持通过col方法设置布局规则

创建一个布局规则

$col = Iview::col();

方法说明

span

  • ​类型: int
  • 说明: 栅格的占位格数，可选值为0~24的整数，为 0 时，相当于display:none

order

  • ​类型: int|string
  • 说明: 栅格的顺序，在flex布局模式下有效

labelWidth

  • ​类型: int|string
  • 说明: 设置表单域 label 的宽度

offset

  • ​类型: int
  • 说明: 栅格左侧的间隔格数，间隔内不可以有栅格

push

  • ​类型: int
  • 说明: 栅格向右移动格数

pull

  • ​类型: int
  • 说明: 栅格向左移动格数

className

  • ​类型: string
  • 说明: 组件的class

xs

  • ​类型: int|Col
  • 说明: <768px 响应式栅格，可为栅格数或一个包含其他属性的对象

sm

  • ​类型: int|Col
  • 说明: ≥768px 响应式栅格，可为栅格数或一个包含其他属性的对象

md

  • ​类型: int|Col
  • 说明: ≥992px 响应式栅格，可为栅格数或一个包含其他属性的对象

lg

  • ​类型: int|Col
  • 说明: ≥1200px 响应式栅格，可为栅格数或一个包含其他属性的对象
Powered by