小程序应用 WeUi (新手向)

官方链接：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#useExtendedLib

最近开发小程序，需要用到微信的ui组件，由于自己没好好看文档，不知道官网上引用的“useExtendedLib”是在哪个文件中引用，蠢哭了，搜索了好多教程都是下载代码，手动配置，挺简单，但是使用时路径怎么都不对，报错。回到文档上，其实只要仔细看看，是在全局引用，一切都豁然开朗，下面开始吧！

1.在全局json文件内进行配置如下代码，（app.json文件）

 "useExtendedLib": {
    "kbone": true,
    "weui": true
  }

2.在页面内引用组件
首先在页面的 json 文件加入 usingComponents 配置字段
例：引用弹框组件

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

3.在wxml内引用该组件
具体方法可以看看文档，按需设置

<mp-dialog title="test" show="{{true}}" >
    <view>test content</view>
</mp-dialog>

4.改变组件样式
设置组件的ext-class，注意的是优先级要比官方的高才能有效果，可以 在组件外再嵌套一层