小程序vant使用笔记

安装

注意区分vant-weapp 和 vant

1、打开微信开发者工具新建小程序快速模板

2、npm init

3、npm install --production

4、 npm i vant-weapp -S --production

5、在微信开发工具执行npm 构建，本地设置勾选使用npm模块

6、应用vant-weapp（可以在app.json全局使用）

{

  "usingComponents": {

    "van-button": "../../miniprogram_npm/vant-weapp/button/index"

  }

}

按钮

不和谐的地方

1、

van-notice-bar：更改背景色 background-color （文档上是background）

2、van-grid