布局规则

{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