超簡單 超詳細 vue項目中使用svg圖標 阿里巴巴圖標庫


1. 先去阿里巴巴圖標庫,找到我的項目 

 

2. 新建項目

 

 3. 可以上傳UI制作的svg圖標; 或自己去挑選圖標

去挑選別人的圖標

打開倉庫,添加至項目

添加到你的項目中

4. 進入我的項目,下載項目到本地

5  解壓文件,打開其中的demo_index.html

6. 三種添加方式,這里選擇第三種:可以改變圖標的大小和顏色

 

 

 

 7. 項目中引用

  1. 添加js到你的項目中,在app.vue中配置

  

  2. css配置

  

  3. vue中使用

  

 

8 結束,預覽效果

 


免責聲明!

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



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