WeUi的引入方式分两种:
一、useExtendedLib引入
1、在app.json中加入如下代码,表示该小程序需要加载weui组件
"useExtendedLib": { "weui": true }
2、在需要使用组件的json页面中增加组件初始化,如需在index加载mp-dialog,则在index.json页面中增加如下代码
"usingComponents": {
"mp-icon": "weui-miniprogram/icon/icon"
}
3、在对应的wxml页面中增加如下代码
<mp-icon icon="pencil"></mp-icon>
二、使用NPM引入
1、打开调试器->终端->新建终端,输入npm init回车,之后一直按Enter键,不用输入任何命令,直到提示"IS THIS OK?(YES)"最后输入yes,这个命令完成后,根目录会生成一个package.json(npm配置文件)
2、使用NPM命令下载WeUI组件,npm install weui-miniprogram --save;
3、构建NPM,安装好WeUI后,需要先构建NPM才能被微信小程序所读取。点击菜单栏->工具->构建NPM,如下图:
4、在需要使用组件的json页面中增加组件初始化,如需在index加载mp-dialog,则在index.json页面中增加如下代码
5、在对应的wxml页面中增加如下代码