安装vant-weapp
如图如下:
1.首先新建个文件夹,取名字wxcomponents(这个名字能不能随便取,我这不太清楚没有试过,在百度搜索上基本是这样的);
2.在vant-weapp的git(https://github.com/youzan/vant-weapp)上面去下载文件,把名字改成vant放进wxcomponents里面即可;
3.在app.vue去引入样式(@import url(“/wxcomponents/vant/common/index.wxss”));
4.在pages.json中去引入,代码如下
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8",
"navigationStyle":"custom", //去掉默认的导航栏和头标
"usingComponents":{
"van-search": "/wxcomponents/vant/search/index"
}
}
5.但是在我们运行的时候,就报错了,app.json文件内容错误,app.json:[“usingComponent”][“van-search”]未找到。解决方法如图
6.前面的问题解决了之后,又出现了新的问题了,如图:
解决办法:查看这个是否有勾选,如果有勾选的话,就把缓存全部清掉,然后在编译