1、下载源码
https://youzan.github.io/vant-weapp/#/intro
从github上下载源码:https://github.com/youzan/vant
将dist文件夹复制到小程序pages同级目录下,重命名为vant
2、配置组件
在需要使用组件的页面的json文件中引入配置,例如index.json:
"usingComponents": {
"van-button": "../../vant/button/index"
}
3、使用组件
在wxml文件中直接使用组件,如index.xwml:
<van-button type="default">默认按钮</van-button>
<van-button type="primary">主要按钮</van-button>
<van-button type="info">信息按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>