uniApp集成Vant Weapp

时间:2021-06-11 18:01:50   收藏:0   阅读:0

1.先获取Vant Weapp包,参考官方教程:https://vant-contrib.gitee.io/vant-weapp/#/home

2.项目下新建文件夹 wxcomponents / vant(名字随意,最好与 pages 平级),拷贝@vant/weapp下的 dist 文件夹到新建的文件夹下

3.打开 pages.json,配置 easycom 组件模式(直接注册文件夹下组件,自动优化未使用的组件,https://uniapp.dcloud.io/collocation/pages?id=easycom

技术图片

4.打开 App.vue,在 style 中引入样式 @import "/wxcomponents/vant/dist/common/index.wxss";

5.打开 pages / index 文件夹 index.vue,添加 vant 组件,运行项目

6.相关报错:

1) font字体识别错误:格式化 dist/icon/index.wxss 样式文件代码

技术图片

2) split错误:打开 dist/common/version.js
将以下代码
v1 = v1.split(‘.‘):[];
v2 = v2.split(‘.‘):[];
修改为
v1 = v1 ? v1.split(‘.‘):[];
v2 = v2 ? v2.split(‘.‘):[];

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!