iview引用自定義的圖標

 

 

在vue腳手架中，目前項目使用的iview里面的圖標，不夠滿足，需要自定義加入圖標。

 

在阿里圖標庫：https://www.iconfont.cn

 

然后把本項目需要的圖標可以放在里面。

 

然后將iconfont下載到本地。

 

 

修改iconfont.css文件中的路徑，在文件引入的地方加上 ./

 

 

在main.js中添加，將css全局引入，

import './assets/iconfont/iconfont.css'

然后就可以使用，

<Icon custom="iconfont icon-bookmark" />

就可以展示出來。

把vue項目的某個圖標，測試換一下，確實可行。