列栅格 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

results matching ""

    No results matching ""