阿里字體圖標庫在項目中引用


 

在vue項目中需要大量使用字體圖標,由於使用單個icon引入的方式太過麻煩,所以使用阿里圖標庫官方提供的項目方法引入進自己的項目中

1、登錄,並將需要的字體圖標加入購物車,點擊‘添加至項目’選項

2、選擇自己的項目,項目名字是隨便寫的,最好是跟自己開發的項目名稱一致,便於區分

3、引入;將下圖生成的地址在vue中的index.html中引入,一定要在html中引入,否則會出現問題,這樣引入就等同於全局引入,所有組件都可以直接使用,並且路徑前面要加http:

 

4、這時候就能直接使用了

5、如果此時添加了新的圖標,需要重新生成路徑,將更新后的路徑重新放在index.html中即可

 

 

 

 

 完成~


免責聲明!

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



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