在使用了Element-ui前端UI組件開發(fā)后佩脊，經(jīng)常會遇到UI提的Element-ui自身的圖標(biāo)不符合相關(guān)的需求夷蚊，或者是樣式風(fēng)格不搭界赔，這時候就需要我們手動去更改相關(guān)的組件圖標(biāo)譬挚，經(jīng)過研究后發(fā)現(xiàn)最簡便的方法如下：
1.我們以iconfont這個超大型的圖標(biāo)庫為例奸绷，首先在生成相關(guān)圖標(biāo)的引入css
拷貝想要的icon代碼
2.在項(xiàng)目對應(yīng)文件夾上新建.css文件，把代碼粘過去借浊，將生成好的css在對應(yīng)的.vue組件中引入
新建.css文件
3.將需要替換的部分樣式找出并根據(jù)下圖所示部分替換即可（注意：一定要加上font-family）
覆蓋組件自帶的icon
4.content部分內(nèi)容是（ 其中&#是開頭用以標(biāo)明這是字符實(shí)體塘淑，x表示這是十六進(jìn)制，CSS的content接受的也是16進(jìn)制的Unicode編碼蚂斤，所以只要將&#x替換為\即可）
5.效果如下
原來的樣子
覆蓋后
