在使用了Element-ui前端UI組件開發后，經常會遇到UI提的Element-ui自身的圖標不符合相關的需求，或者是樣式風格不搭，這時候就需要我們手動去更改相關的組件圖標，經過研究后發現最簡便的方法如下：
1.我們以iconfont這個超大型的圖標庫為例，首先在生成相關圖標的引入css；
2.將生成好的css在app.vue中引入
3.將需要替換的部分樣式找出並根據下圖所示部分替換即可（注意：一定要加上font-family）
4.content部分內容是（ 其中&#是開頭用以標明這是字符實體，x表示這是十六進制，CSS的content接受的也是16進制的Unicode編碼，所以只要將&#x替換為\即可）
如果替換部分較多，可以自己寫一個css，定義相關類名在寫組件時將定義好的類名加上即可
更多分享請微信搜索並關注公眾號“鯨落未生”