Grid 栅格
24 栏栅格布局系统,通过 NGrid 与 NGridItem 组合使用。
基础用法
使用 cols 指定总列数,span 指定每项占几列。
1
2
3
4
不同跨度
通过 span 属性控制每项占用的列数。
8/12
4/12
4/12
4/12
4/12
带偏移
使用 offset 设置偏移列数。
offset 2
span 2
NGrid Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
cols | number | 24 | 栅格列数 |
gap | number | 0 | 间距(px) |
gutter | boolean | false | 是否显示内边距 |
NGridItem Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
span | number | 1 | 占用列数 |
offset | number | 0 | 偏移列数 |