uniapp引入vant组件

Vant官网https://youzan.github.io/vant/#/zh-CN/
点击官网右上角跳转到小程序版vant(方便查看文档)
uniapp引入vant组件_第1张图片

1.在根目录下创建一个文件夹 格式如下wxcomponents>vant>dist
uniapp引入vant组件_第2张图片

2.前往https://github.com/youzan/vant-weapp下载压缩文件
uniapp引入vant组件_第3张图片

3.App.vue的style中引入样式
@import “/wxcomponents/vant/dist/common/index.wxss”;
uniapp引入vant组件_第4张图片

4.使用:在pages.json中引入相应的组件 下面以要使用button组为例
uniapp引入vant组件_第5张图片

“usingComponents”: {
“van-button”: “/wxcomponents/vant/dist/button/index”
}

页面中:
在这里插入图片描述

完成
5.使用其他组件可参考官网
uniapp引入vant组件_第6张图片

你可能感兴趣的:(uni-app)