uniapp如何引入阿里雲矢量圖標庫

最近搞了下uniapp的開發,寫一下關於引入阿里雲矢量圖標庫的方法:

首先說下我走過的坑吧,我直接把圖標zip包下下來放在static裏面,在App.vue的style中引入,保存,後面查了下,微信小程序不允許使用本地字體圖標,沒辦法,改一下,直接引用阿里雲的在線鏈接,還是保錯,微信小程序無法引入遠程網絡樣式。

最後把樣式下載下來,更改字體圖標的引入:

複製此鏈接到瀏覽器將樣式下載下來新建一個css文件:

在App.vue中全局引入:

使用:

<icon class="iconfont iconhome"></icon>

OK,這樣樣式就出來了:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章