通过useExtendedLib扩展库的方式 引入并使用WeUI

WeUI文档 WeUI组件库简介 | wechat-miniprogram / weui
1、首先在 app.json 文件中加入 useExtendedLib 字段

{
  "pages":[],
  "tabBar":{},
  "useExtendedLib": {
    "weui": true
  }
}

2、在页面的 json 文件加入 usingComponents 配置字段，在哪个页面使用就在该页面的json文件里加

{
  "backgroundColor":"#F9FAFB",
  "usingComponents": {
    "mp-dialog": "weui-miniprogram/dialog/dialog"
  }
}

3、在对应页面的 wxml 中使用该组件

    test content

更新——————————

今天遇到了一个问题

把项目发给了别的同事，发现在同事那里报错

这是因为开发者工具版本太低了，只要下载安装最新版的微信开发者工具就行了~