Cell 单元格


基础用法

xm-cell-group 组件有title属性和topbottom②个slot

xm-cell-item 组件有typehref属性和leftIconleftrightrightIcon④个slot,具体表现可以查看在线示例

  1. # type='link'时,为<a>链接形式
  2. <xm-cell-group title="标题">
  3. <div slot="top"></div>
  4. <xm-cell-item type='link' href="tel:400517517">
  5. <span slot="leftIcon" class="xm__icon--contact"></span>
  6. <span slot="left">联系方式</span>
  7. <span slot="right">400517517</span>
  8. <span slot="rightIcon" class="xm__icon--right"></span>
  9. </xm-cell-item>
  10. <xm-cell-item>
  11. <span slot="left">我的消息</span>
  12. <xm-tag slot="right" type="error" round style="margin-bottom:0;">8</xm-tag>
  13. <span slot="rightIcon" class="xm__icon--right"></span>
  14. </xm-cell-item>
  15. <div slot="bottom"></div>
  16. </xm-cell-group>
xm-cell-group属性
参数 说明 类型 可选值 默认值
title 设置标题 String
xm-cell-item属性
参数 说明 类型 可选值 默认值
type 设置类型 String link
href 设置href String

原文: https://monw3c.github.io/xmui/#/components/cell