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>
本文介绍了如何在微信小程序中使用WeUI组件库,包括在app.json配置引用,页面json文件添加usingComponents,以及在WXML中直接使用组件如mp-dialog的例子。通过这些步骤,开发者可以实现与微信原生视觉体验一致的组件应用。
760

被折叠的 条评论
为什么被折叠?



