Grid 栅格
24 栏栅格布局系统，通过 NGrid 与 NGridItem 组合使用，灵活控制列宽、偏移与间距。
基础用法
使用 cols 指定总列数，span 指定每项占几列。
1
2
3
4
不同跨度
通过 span 属性控制每项占用的列数，实现不等宽布局。
8/12
4/12
6/12
6/12
4/12
4/12
4/12
24 栏栅格
默认 24 列，可精确控制任意比例的列宽布局。
12
12
6
6
6
6
4
16
4
偏移
使用 offset 设置偏移列数，将元素向右推指定列数。
offset 2
span 2
offset 4, span 4
行列间距
gap 可以是数字（行列相同）或数组 [rowGap, colGap] 分别控制行列间距。
item 1
item 2
item 3
item 4
item 5
item 6
NGrid Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
cols | number | 24 | 栅格列数 |
gap | number | [number, number] | 0 | 间距(px)，数字表示行列相同，数组 [rowGap, colGap] 分别控制行列间距 |
gutter | boolean | false | 是否显示内边距 |
NGridItem Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
span | number | 1 | 占用列数 |
offset | number | 0 | 偏移列数（向右偏移） |
push | number | 0 | 向右移动指定列数 |
pull | number | 0 | 向左移动指定列数 |