uniapp引入vant (移動端開發)


踩坑實踐
1.下載hbuilder或者hbuilderX中創建一個默認模版的項目
在這里插入圖片描述
2.在項目中創建一個文件叫wxcomponents,注意這個文件和page文件平級
在這里插入圖片描述
3.打開https://github.com/youzan/vant-weapp,找到
在這里插入圖片描述
在這里插入圖片描述
4.下載以后,解壓,找到文件中的dist文件,把它復制到我們創建的wxcomponents文件,重新命名為vant
在這里插入圖片描述
5.然后我們在page.json中全局配置一下
在這里插入圖片描述
6.然后我們就可以在頁面中使用了
在這里插入圖片描述
7.然后運行發現報錯了,報錯原因是應為font字體識別的問題,解決辦法,我們全局搜索一下https://img.yzcdn.cn/vant/vant-icon-d3825a.woff,然后在文件的第二個開始的url前面加上一個空格就好了
在這里插入圖片描述
8.例如,我這里截圖改了一個,要全部加上空格哦
在這里插入圖片描述
9.運行編譯成功,好了可以放心使用了
在這里插入圖片描述
10.第5條是博主碰到的問題,用vue的引入方法也試了,可惜沒有解決,所以還是用了uniapp中自帶的擴展組件,以上問題哪位大神碰到過,請教教我,感激不盡🙏

轉載:https://blog.csdn.net/zhaowenxue/article/details/106535771

 

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

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM