Grid 栅格

24 栏栅格布局系统。

基础用法

span=12

span=12

8

8

8

6

18

<ARow :gutter="12">
  <ACol :span="12">col-12</ACol>
  <ACol :span="12">col-12</ACol>
</ARow>

偏移

8

8 offset 8

<ARow :gutter="12">
  <ACol :span="8">8</ACol>
  <ACol :span="8" :offset="8">8 + offset</ACol>
</ARow>

API

Row Props

属性	类型	默认值	说明
gutter	number | [number, number]	0	水平/垂直间距
align	'start' | 'end' | 'center' | 'stretch'	—	垂直对齐
justify	'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'	—	水平分布
wrap	boolean	true	是否换行

Col Props

属性	类型	默认值	说明
span	number	24	占位格数
offset	number	0	偏移格数