通过useExtendedLib方式引入 WeUI 组件库
1、在app.json 中添加 useExtendedLib 代码段
"useExtendedLib": {
"weui": true
}
2、在页面的 json 文件加入 usingComponents 配置字段,比如在index.json中引入
{
"usingComponents": {
"mp-dialog": "weui-miniprogram/dialog/dialog"
}
}
3、然后可以在对应页面的 wxml 中直接使用该组件(在index.wxml中添加)
<mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{[{text: '取消'}, {text: '确认'}]}}">
<view>test content</view>
</mp-dialog>
4、效果
5、官方文档链接: WeUI组件库链接.