Skip to content

Cell 单元格

用于展示列表项、设置项或信息摘要,支持图标、标题、描述、箭头、自定义右侧内容和自定义尺寸。

示例

基础用法

链接样式

自定义内容

点击事件

单元格组

自定义尺寸

API

Props

属性名说明类型默认值
icon左侧图片地址string''
title标题文本string''
description描述信息string''
link是否展示右侧箭头booleanfalse
clickable是否显示可点击指针样式,并允许触发 click 事件booleantrue
width单元格宽度number | string'100%'
height单元格高度number | string'auto'

Events

事件名说明回调参数
click点击单元格且 clickabletrue 时触发-

Slots

插槽名说明作用域参数
icon自定义左侧图标区域-
title自定义标题内容-
description自定义描述内容-
right自定义右侧内容{ isHover: boolean }

注意事项

  • 未提供 icon 插槽时,icon 属性会作为 MtAvatarImage 的图片地址渲染。
  • linktrue 且未提供 right 插槽时,右侧会显示默认箭头图标。
  • right 插槽会接收当前单元格悬浮状态,可用于实现悬浮时切换操作入口。
  • clickablefalse 时不会触发组件声明的 click 事件。
  • 列表中标题应保持简短,描述用于补充次要信息。
  • 可点击项建议配合 link 或明确的交互样式。