Appearance
Layout 布局
MoRow 和 MoCol 提供 24 栅格布局。
基础用法
8
8
8
vue
<MoRow :gutter="12">
<MoCol :span="8">A</MoCol>
<MoCol :span="8">B</MoCol>
<MoCol :span="8">C</MoCol>
</MoRow>Row API
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
gutter | 栅格间隔 | number | string | 0 |
justify | 主轴对齐 | start | center | end | space-between | space-around | space-evenly | start |
align | 交叉轴对齐 | top | middle | bottom | stretch | top |
wrap | 是否换行 | boolean | true |
Col API
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
span | 栅格占位,基于 24 等分 | number | string | 24 |