模板网首页 > 建站教程 > vue教程,AngularJS教程 >  vant Cell单元格右侧显示文字的方法正文

vant Cell单元格右侧显示文字的方法

我爱模板网在用vue+vant做一个混合app时,遇到一个需求:单元格的右侧出现可以填写的内容以及内容的单位。如下图所示:


这个可以用vant的cell单元格来做,但是在官网没有找到右侧有文字的效果,只能自己动手了,下面代码记录下,防止下次还会用到:
<van-cell-group>
    <van-field required placeholder="请填写" label="单元格" type="number" input-align="right"/>
    <van-text slot="button" size="small" type="text">单位</van-text>
</van-cell-group>

0
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢