Vant Weapp
轻量、可靠的小程序 UI 组件库 :https://youzan.github.io/vant-weapp/#/intro
注意:在使用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"
} //举个例子