注意:在使用ui框架的时候,需要使用npm管理:
- 先创建package.json 指令: npm init -y
- 以下为微信官方weui的使用步骤
- 利用npm来安装包 指令:npm install weiui-miniprogram --save
- 勾选开发者工具中顶部详情中的npm选项
- 点击左上角工具进行构造npm
- 在app.wxss中引入 @import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';
- 接着把需要用到的组件 在使用页面的json中usingComponents里进行配置
{
"usingComponents": {
"mp-dialog": "/miniprogram_npm/weui-miniprogram/dialog/dialog"
}
} // 举个例子有赞@vant- 在终端下载 : npm i @vant/weapp -S --production
- 工具:点击左上角工具进行构造npm
- 接着把需要用到的组件 在使用页面的json中usingComponents里进行配置
"usingComponents": { "van-button": "@vant/weapp/button/index" } //举个例子