uni-app如何使用vant-ui

Vant官网https://youzan.github.io/vant/#/zh-CN/

点击官网右上角跳转到小程序版vant(方便查看文档)
uni-app如何使用vant-ui

1.在根目录下创建一个文件夹 格式如下wxcomponents>vant>dist
uni-app如何使用vant-ui

2.前往https://github.com/youzan/vant-weapp下载压缩文件
将该项目的dist文件夹替换步骤1的dist文件夹uni-app如何使用vant-ui
3.App.vue的style中引入样式
@import “/wxcomponents/vant/dist/common/index.wxss”;
uni-app如何使用vant-ui
4.使用:在pages.json中引入相应的组件 下面以要使用button组为例
uni-app如何使用vant-ui
“usingComponents”: {
“van-button”: “/wxcomponents/vant/dist/button/index”
}

页面中:
uni-app如何使用vant-ui

完成
5.使用其他组件可参考官网
uni-app如何使用vant-ui