Cell 单元格
基础用法
xm-cell-group 组件有title
属性和top
、bottom
②个slot
xm-cell-item 组件有type
、href
属性和leftIcon
、left
、right
、rightIcon
④个slot,具体表现可以查看在线示例
# type='link'时,为<a>链接形式
<xm-cell-group title="标题">
<div slot="top"></div>
<xm-cell-item type='link' href="tel:400517517">
<span slot="leftIcon" class="xm__icon--contact"></span>
<span slot="left">联系方式</span>
<span slot="right">400517517</span>
<span slot="rightIcon" class="xm__icon--right"></span>
</xm-cell-item>
<xm-cell-item>
<span slot="left">我的消息</span>
<xm-tag slot="right" type="error" round style="margin-bottom:0;">8</xm-tag>
<span slot="rightIcon" class="xm__icon--right"></span>
</xm-cell-item>
<div slot="bottom"></div>
</xm-cell-group>
xm-cell-group属性
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
title | 设置标题 | String | — | — |
xm-cell-item属性
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
type | 设置类型 | String | link | — |
href | 设置href | String | — | — |