直播平台搭建，vant 实现弹框 vant组件弹窗问题

直播平台搭建，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 实现弹框，更多内容欢迎关注之后的文章