直播平台搭建，vant 实现弹框

直播平台搭建，vant 实现弹框

1、vantpage.json文件

 

1

<br>{<br>  "usingComponents": {  <br>     "van-button": "/miniprogram_npm/@vant/weapp/button",<br>     "van-picker": "/miniprogram_npm/@vant/weapp/picker/index",<br>     "van-popup": "/miniprogram_npm/@vant/weapp/popup/index",<br>     "van-action-sheet": "/miniprogram_npm/@vant/weapp/action-sheet/index"<br>    }<br>}

​

2、vantpage.wxml文件

 

1

<br><view class="container"><br>  <button bindtap="showDialog">打开</button><br>  <van-popup<br>   show="{{show}}" <br>   position="bottom"<br>   bind:close="onClose"<br>   ><br>     <van-picker <br>       columns="{{columns}}" <br>       show-toolbar="true" <br>       bind:change="onChange"<br>       bind:confirm="onCinfirm"<br>       default-index="{{2}}"<br>       bind:cancel="onCancel"<br>       item-height="40"<br>       confirm-button-text="确认"<br>       visible-item-count='4'<br>       toolbar-class="desc_info"<br>       custom-class="okas"<br>    /><br></van-popup><br> <br></view>

 

3、vantpage.wxss文件

 

1	<br>/* packageA/pages/mogutouinfo/shuju/vantpage.wxss */<br>.desc_info{<br>  text-align: center !important;<br>  font-size: 38px !important;<br>  border-radius: 0px !important;<br>}<br> <br>.okas{<br>  font-size: 38px !important;<br>}

 

 以上就是 直播平台搭建，vant 实现弹框，更多内容欢迎关注之后的文章