Skip to content

CellGroup 单元格组

用于组织多个 MtCell,提供统一的宽度、间距和分组语义。

示例

基础用法

首尾间距

API

Props

属性名说明类型默认值
gutter单元格之间的间距number10
width分组宽度number | string'100%'
hide-first-margin是否隐藏首个单元格上边距booleanfalse
hide-last-margin是否隐藏末个单元格下边距booleantrue

Events

该组件无自定义事件。

Slots

插槽名说明作用域参数
default单元格组内容,通常放置多个 MtCell-

注意事项

  • 组件会过滤空节点,并为每个有效子节点包裹一层分组项容器。
  • gutter 会写入单元格项的下边距,默认最后一项通过 hide-last-margin 隐藏下边距。
  • widthgutter 等数值会按组件内部尺寸转换规则输出为样式值。
  • 同一分组内的单元格应属于同一业务主题。
  • 若分组内容较多,建议通过标题或区域分隔降低浏览压力。