列栅格 column
1) 集合
import column from 'vue-human/suites/column'
注：核心组件，已经包含在 core suites 内。
2) 组件目录
- mn-columns
- mn-column
- mn-cols 废弃
- mn-col 废弃
3) mn-columns
栅格容器
无属性等配置
4) mn-column
栅格列
4.1 属性
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| mobile | 处于 mobile 尺寸下的设定 | string 或 object | 格式参考下节 | undefined |
| tablet | 大于等于 tablet 时的设定 | 同上 | 同上 | 同上 |
| desktop | 大于等于 desktop 时的设定 | 同上 | 同上 | 同上 |
| widescreen | 大于等于 widescreen 时的设定 | 同上 | 同上 | 同上 |
4.2 字符串格式
<mn-column mobile="6, 6, 2"></mn-column>
- 第一位表示 “span”；
- 第二位表示 “offset”；
- 第三位表示 “order”。
4.3 对象格式
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| span | 列数（共 12 列） | number | undefined 或 1 ～ 12 | undefined |
| offset | 向左偏移的列数 | number | 同上 | 同上 |
| order | 列的顺序值 | number | - | undefined |