iview引用自定義的圖標

 

 

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

 

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

 

而後把本項目須要的圖標能夠放在裏面。

 

而後將iconfont下載到本地。

 

 

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

 

 

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

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

而後就可使用，

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

就能夠展現出來。

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