最近公司的MVC結(jié)構(gòu)的老項目中需要重新開發(fā)幾個頁面渴语,所以引入了vant和vue.js的cdn外鏈之后就直接上手做剩檀。
官方給出的案例是這個樣子的:
<van-cell-group>
<van-cell title="單元格" value="內(nèi)容" />
<van-cell title="單元格" value="內(nèi)容" label="描述信息" />
</van-cell-group>
查看效果后發(fā)現(xiàn)只顯示第一行的單元格疏旨,第二行的單元格并不顯示。
后來想起來vant的文檔中說過在h5中使用需要把此處的單標(biāo)簽改為雙標(biāo)簽擒抛。
改為雙標(biāo)簽后就正常顯示了:
<van-cell-group>
<van-cell title="單元格" value="內(nèi)容" /></van-cell>
<van-cell title="單元格" value="內(nèi)容" label="描述信息" /></van-cell>
</van-cell-group>