Appearance
CellGroup 单元格组
用于组织多个 MtCell,提供统一的宽度、间距和分组语义。
示例
基础用法
首尾间距
API
Props
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| gutter | 单元格之间的间距 | number | 10 |
| width | 分组宽度 | number | string | '100%' |
| hide-first-margin | 是否隐藏首个单元格上边距 | boolean | false |
| hide-last-margin | 是否隐藏末个单元格下边距 | boolean | true |
Events
该组件无自定义事件。
Slots
| 插槽名 | 说明 | 作用域参数 |
|---|---|---|
| default | 单元格组内容,通常放置多个 MtCell | - |
注意事项
- 组件会过滤空节点,并为每个有效子节点包裹一层分组项容器。
gutter会写入单元格项的下边距,默认最后一项通过hide-last-margin隐藏下边距。width、gutter等数值会按组件内部尺寸转换规则输出为样式值。- 同一分组内的单元格应属于同一业务主题。
- 若分组内容较多,建议通过标题或区域分隔降低浏览压力。