1.首先项目中要先初始化npm得到
项目的命令行:
npm init
2.然后会有一些默认配置,全程回车,最后会得到这3个文件
3.安装weui的依赖
npm i weui-miniprogram -S --production
4.然后再在开发者工具中:工具–构建npm 得到一个新的文件
5.设置勾选:
6.app.wxss中引入组件的样式
@import './miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';
7.然后可以在页面中引入 dialog 弹窗组件
首先在页面的 json 文件加入 usingComponents 配置字段
{
"usingComponents": {
"mp-toptips": "../../miniprogram_npm/weui-miniprogram/toptips/toptips"
}
}
8.然后可以在对应页面的 wxml 中直接使用该组件
<mp-toptips msg="{{tips}}" type="success" show="{{tips}}"></mp-toptips>