Skip to content

Layout 布局

MoRowMoCol 提供 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 | string0
justify主轴对齐start | center | end | space-between | space-around | space-evenlystart
align交叉轴对齐top | middle | bottom | stretchtop
wrap是否换行booleantrue

Col API

属性说明类型默认值
span栅格占位,基于 24 等分number | string24