Grid

栅格

基础用法

间隔

折叠

偏移

响应式

Grid 属性

名称	类型	默认值	说明	版本
cols	`number \| ResponsiveDescription`	`24`	显示的栅格数量
collapsed	`boolean`	`false`	是否默认折叠
collapsed-rows	`number`	`1`	默认展示的行数
responsive	`'self' \| 'screen'`	`'self'`	`'self'` 根据自身宽度进行响应式布局，`'screen'` 根据屏幕断点进行响应式布局
x-gap	`number \| ResponsiveDescription`	`0`	横向间隔槽
y-gap	`number \| ResponsiveDescription`	`0`	纵向间隔槽

GridItem 属性

名称	类型	默认值	说明
offset	`number \| ResponsiveDescription`	`0`	栅格左侧的间隔格数，
span	`number \| ResponsiveDescription`	`1`	栅格占据的列数，为 0 的时候会隐藏
suffix	`boolean`	`false`	栅格后缀

Grid Slots

插槽名	参数	说明
default	`()`	栅格内容

GridItem Slots

插槽名	参数	说明
default	`()`	栅格节点内容