最近公司的MVC结构的老项目中需要重新开发几个页面,所以引入了vant和vue.js的cdn外链之后就直接上手做。
官方给出的案例是这个样子的:
<van-cell-group>
<van-cell title="单元格" value="内容" />
<van-cell title="单元格" value="内容" label="描述信息" />
</van-cell-group>
查看效果后发现只显示第一行的单元格,第二行的单元格并不显示。
后来想起来vant的文档中说过在h5中使用需要把此处的单标签改为双标签。
改为双标签后就正常显示了:
<van-cell-group>
<van-cell title="单元格" value="内容" /></van-cell>
<van-cell title="单元格" value="内容" label="描述信息" /></van-cell>
</van-cell-group>