van-popup左右弹出的正确方式
不得不说,vantUI在我们构建vue移动端的时候,由于其丰富的组件,极大地方便了我们的开发,提高了我们的工作效率。但是部分组件使用说明不是太清晰,这里使用“van-popup左右弹出”对话框,官方只有寥寥一句。经过尝试,我摸索出了左右弹框的正确方式,如下所示:<van-popup v-model="showLeftPop" position="left" :style="{ height:
·
不得不说,vantUI在我们构建vue移动端的时候,由于其丰富的组件,极大地方便了我们的开发,提高了我们的工作效率。但是部分组件使用说明不是太清晰,这里使用“van-popup左右弹出”对话框,官方只有寥寥一句。
经过尝试,我摸索出了左右弹框的正确方式,如下所示:
<van-popup v-model="showLeftPop" position="left" :style="{ height: '100%' ,width:'30%'}" />
在设置width的同时需要设置height为100%,这样就能很好地解决我们的需求了。
效果如下图所示:
更多推荐
已为社区贡献4条内容
所有评论(0)