如何在uni-app小程序中使用微信官方组件WeUI

配置manifest.json

1. 打开源码模式，找到mp-weixin这一项.

2. 添加如下代码：

   "useExtendedLib": {
        "weui": true
   }
   

配置pages.json

在需要用到组件的页面设置中添加配置，以mp-dialog组件为例:

1. 找到对应页面

2. 在style模块下添加如下代码：

   "mp-weixin": {
     "usingComponents": {
         "mp-dialog": "weui-miniprogram/dialog/dialog"
     }
   }
   

在.vue文件中使用

完成上面两步后，在相关页面的vue文件中直接使用mp-dialog即可：

    您是否已经在线下支付费用？

注： 这里需要判断下平台为“微信小程序”，所以上面的代码最好加上条件编译。（了解条件编译可以移步这里查阅对应章节）

    您是否已经在线下支付费用？