vue使用阿里矢量圖標


官方注冊注冊

1、加入購物車

在阿里矢量圖標庫將想要的圖標加入購物車,然后在購物車中將圖標添加到項目;

 
 

2、下載

到我的項目中,將圖標下載到本地


 
 

3.解壓引入

在vue項目的assets文件夾下新建一個icon文件夾,將剛剛下載下來的代碼包中的

  • iconfont.css、
  • iconfont.eto、
  • iconfont.svg、
  • iconfont.ttf、
  • iconfont.woff
    復制到iconfont文件夾下。

4.導入到全局

在main.js中全局引入iconfont.css。
import './assets/iconfont/iconfont.css'

5.使用

之后就可以在項目中正常使用了
<i class="element-icons el-iconzhank" > </i>

 

 

注意:

防止和element-UI 沖突,在第4步導入到全局的時候,要放在element后面

 

 

 


免責聲明!

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



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