WeUI 组件库是一套基于样式库 weui-wxss
开发的小程序扩展组件库,同微信原生视觉体验一致。支持扩展库引入,不占用小程序包体积。
官方文档:https://wechat-miniprogram.github.io/weui/docs/
- 在
app.json
中指定要引用的 WeUI 扩展库。{ "useExtendedLib":{ "weui": true } }
- 在页面的 json 文件加入 usingComponents 配置字段。
{ "usingComponents": { "mp-dialog": "weui-miniprogram/dialog/dialog" } }
- 就可以在对应页面的 wxml 中直接使用该组件。
<mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{[{text: '取消'}, {text: '确认'}]}}"> <view>test content</view> </mp-dialog>