vue 使用iconfont彩色圖標

一、在iconfront下載相應的文件(symbol -> 下載到本地)
wx.png
2.png
二、在main.js中導入css

// 根據本身的路徑
import './plugins/fronts/iconfont.css'
import './plugins/fronts/iconfont.js'

注意iconfont.css中須要根據下載的字體文件修改一下路徑
image.pngsvg

image.png
三、彩色圖標的使用g字體

// icon-lianxi就是圖標在iconfont中的名稱
<svg class="icon" aria-hidden="true">
   <use xlink:href="#icon-lianxi"></use>
</svg>
相關文章
相關標籤/搜索