代码演示

    基础用法

    1. <van-cell-group>
    2.   <van-cell title="单元格" value="内容" />
    3.   <van-cell title="单元格" value="内容" label="描述信息" />
    4. </van-cell-group>

    只设置value

    只设置value时会向左对齐

    展示图标

    1. <van-cell-group>
    2.   <van-cell title="单元格" icon="location" />
    3. </van-cell-group>

    展示箭头

    传入is-link属性则会在右侧显示箭头

    高级用法

    1. <van-cell-group>
    2.     <template slot="title">
    3.       <span class="van-cell-text">单元格</span>
    5.     </template>
    6.   </van-cell>
    7.   <van-cell title="单元格" icon="location" is-link />
    8.   <van-cell title="单元格">
    9.     <van-icon slot="right-icon" name="search" class="van-cell__right-icon" />
    10.   </van-cell>

    Cell API

    Cell Slot

    原文: