直播平台搭建，vant 实现弹框
1、vantpage.json文件
{
"usingComponents": {
"van-button": "/miniprogram_npm/@vant/weapp/button",
"van-picker": "/miniprogram_npm/@vant/weapp/picker/index",
"van-popup": "/miniprogram_npm/@vant/weapp/popup/index",
"van-action-sheet": "/miniprogram_npm/@vant/weapp/action-sheet/index"
}
}
2、vantpage.wxml文件
<view class="container">
<button bindtap="showDialog">打开</button>
<van-popup
show="{{show}}"
position="bottom"
bind:close="onClose"
>
<van-picker
columns="{{columns}}"
show-toolbar="true"
bind:change="onChange"
bind:confirm="onCinfirm"
default-index="{{2}}"
bind:cancel="onCancel"
item-height="40"
confirm-button-text="确认"
visible-item-count='4'
toolbar-class="desc_info"
custom-class="okas"
/>
</van-popup>
</view>
3、vantpage.wxss文件
/* packageA/pages/mogutouinfo/shuju/vantpage.wxss */
.desc_info{
text-align: center !important;
font-size: 38px !important;
border-radius: 0px !important;
}
.okas{
font-size: 38px !important;
}
以上就是 直播平台搭建，vant 实现弹框，更多内容欢迎关注之后的文章
标签：vantpage,npm,van,vant,index,弹框,直播 From： https://www.cnblogs.com/yunbaomengnan/p/17482729.html