uni-app如何使用vant-ui

Vant官网https://youzan.github.io/vant/#/zh-CN/点击官网右上角跳转到小程序版vant(方便查看文档)1.在根目录下创建一个文件夹格式如下wxcomponents>vant>dist2.前往https://github.com/youzan/vant-weapp下载压缩文件将该项目的dist文件夹替换步骤1的dist文件夹3.App.vue的st

bie-bie

17063人浏览 · 2020-07-28 16:26:36

bie-bie · 2020-07-28 16:26:36 发布

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

点击官网右上角跳转到小程序版vant(方便查看文档)
在这里插入图片描述

1.在根目录下创建一个文件夹格式如下wxcomponents>vant>dist
在这里插入图片描述

2.前往https://github.com/youzan/vant-weapp下载压缩文件
将该项目的dist文件夹替换步骤1的dist文件夹在这里插入图片描述
3.App.vue的style中引入样式
@import “/wxcomponents/vant/dist/common/index.wxss”;

4.使用:在pages.json中引入相应的组件下面以要使用button组为例

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