【小程序】微信官方组件WeUI在uni-app小程序中的使用

简言

在开发时，遇到需要在uni-app小程序中使用微信官方的组件WeUI，故遇到此问题。

配置步骤

1、配置manifest.json

• 打开源码模式，找到mp-weixin配置项
• 添加如下代码：

"useExtendedLib": {
   "weui": true
}

2、配置pages.json

1. 找到对应页面的配置
2. 在style模块添加如下代码，以mp-form组件为例：

{
    "path": "index",
    "style": {
        "mp-weixin":{
             "usingComponents": {
                "mp-form": "weui-miniprogram/form/form"
            }
        }
    }
}

在.vue文件中使用

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

# 需要判断下使用平台为`微信小程序`或者其他，最好在代码加上条件编译
<!-- #ifdef MP-WEIXIN -->
<mp-form>
   <view />
</mp-form>
<!-- #endif -->