开发微信小程序之WeUI组件库的引入和使用

首先要在 app.wxss 里面引入 weui.wxss，如果是通过 npm 引入，需要先构建 npm（“工具”菜单 --> “构建 npm”）。如果是通过 useExtendedLib 扩展库 的方式引入，可省略 import 步骤。

@import 'weui-miniprogram/weui-wxss/dist/style/weui.wxss';

然后可以在页面中引入 dialog 弹窗组件

在页面的 json 文件加入 usingComponents 配置字段

{

"usingComponents": {

"mp-dialog": "weui-miniprogram/dialog/dialog"

}

}

在对应页面的 wxml 中直接使用该组件

test content

至此，即已引入并可使用WeUI组件。

总结

以上便是如何引入和使用WeUI组件库的过程。