代码演示

    基础用法

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

    单元格大小

    通过size属性可以控制单元格的大小

    展示图标

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

    只设置 value

    只设置value时会向左对齐

    展示箭头

    1. <van-cell title="单元格" is-link />
    2. <van-cell title="单元格" is-link arrow-direction="down" value="内容" />

    页面跳转

    可以通过url属性进行页面跳转，或通过to属性进行 vue-router 跳转

    高级用法

    1. <van-cell value="内容" icon="shop-o" is-link>
    3.     <span class="custom-text">单元格</span>
    4.     <van-tag type="danger">标签</van-tag>
    5.   </template>
    6. </van-cell>
    7. <van-cell title="单元格" icon="location-o" is-link />
    8. <van-cell title="单元格">
    9. </van-cell>

    Cell API

    Cell Slot