WeUI组件库简介
这是一套基于样式库weui-wxss开发的小程序扩展组件库，同微信原生视觉体验一致的UI组件库，由微信官方设计团队和小程序团队为微信小程序量身设计，令用户的使用感知更加统一。
1. 引入组件
推荐方式1， 可以省略后面import方式
- 方法1： 可以在
app.json中通过引入扩展库的方式
{
"useExtendedLib": {
"weui": true
}
}
- 方法2： 通过npm下载构建，npm包名为
weui-miniprogram
2. 使用方法
如果是方式1 引入的，不用什么操作
如果是方式2 引入的， 首先要在 app.wxss 里面引入 weui.wxss，如果是通过 npm 引入，需要先构建 npm（“工具”菜单 --> “构建 npm”）
@import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';
然后可以在任何页面的json文件中加入要使用的组件库
{
"usingComponents": {
"mp-dialog": "/miniprogram_npm/weui-miniprogram/dialog/dialog"
}
}
最后就可以在页面的wxml中直接使用该组件
<mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{[{text: '取消'}, {text: '确认'}]}}">
<view>test content</view>
</mp-dialog>