uniapp引入vant (移动端开发)

踩坑实践
1.下载hbuilder或者hbuilderX中创建一个默认模版的项目
uniapp引入vant  (移动端开发)
2.在项目中创建一个文件叫wxcomponents,注意这个文件和page文件平级
uniapp引入vant  (移动端开发)
3.打开https://github.com/youzan/vant-weapp,找到
uniapp引入vant  (移动端开发)
uniapp引入vant  (移动端开发)
4.下载以后,解压,找到文件中的dist文件,把它复制到我们创建的wxcomponents文件,重新命名为vant
uniapp引入vant  (移动端开发)
5.然后我们在page.json中全局配置一下
uniapp引入vant  (移动端开发)
6.然后我们就可以在页面中使用了
uniapp引入vant  (移动端开发)
7.然后运行发现报错了,报错原因是应为font字体识别的问题,解决办法,我们全局搜索一下https://img.yzcdn.cn/vant/vant-icon-d3825a.woff,然后在文件的第二个开始的url前面加上一个空格就好了
uniapp引入vant  (移动端开发)
8.例如,我这里截图改了一个,要全部加上空格哦
uniapp引入vant  (移动端开发)
9.运行编译成功,好了可以放心使用了
uniapp引入vant  (移动端开发)
10.第5条是博主碰到的问题,用vue的引入方法也试了,可惜没有解决,所以还是用了uniapp中自带的扩展组件,以上问题哪位大神碰到过,请教教我,感激不尽??

转载:https://blog.csdn.net/zhaowenxue/article/details/106535771

 

--------------------------------------------------------------------------------------------------------------------------------------

uniapp引入vant  (移动端开发)

 

 uniapp引入vant  (移动端开发)

 

 

uniapp引入vant  (移动端开发)

 

uniapp引入vant (移动端开发)

上一篇:如何让App icon不显示在Dock中,知道statusbar中显示


下一篇:Appium对iOS的几种定位方法