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属性

xm-cell-item属性

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