vue element-ui使用第三方圖標庫

 

 

1.element-ui裏面的圖標數量少的可憐，下面介紹如何使第三方圖標

阿里巴巴的圖標網站http://www.iconfont.cn/

2.首先搜索本身須要的圖標，添加到購物車，而後點擊購物車將圖標添加到項目，若是沒有項目須要建立項目。

3.選擇第二個選項

4.點擊更多操做進行編輯，注意前綴的設置，後面的命名不能和element裏面的發生衝突

5.設置完成以後保存代碼到本地，打開文件夾

對裏面的代碼進行修改。

6.爲每個圖標設置相同的樣式

7.將代碼文件拷到項目的目錄下，並在main.js中引入圖標文件

8.圖標的用法和element裏面的同樣

9.最終的效果