1. 在根目录下创建wxcomponents,wxcomponents下建文件夹vant
2.项目引入
1.在https://github.com/youzan/vant-weapp下载最新的zip压缩包
2.解压,将里面的dist文件放到vant里面

3.在App.vue中引入UI样式

@import "/wxcomponents/vant/dist/common/index.wxss";
4.在pages里面定义引入的组件

"usingComponents":{
"van-button": "/wxcomponents/vant/dist/button/index"
}
5.在组件中使用
https://youzan.github.io/vant-weapp/#/button和官网的使用方法一样。
如果报错找不到文件位置,关闭hbuider和微信小程序重启一下
网友评论