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


 

 

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

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

2.首先搜索自己需要的圖標,添加到購物車,然后點擊購物車將圖標添加到項目,如果沒有項目需要創建項目。

3.選擇第二個選項

4.點擊更多操作進行編輯,注意前綴的設置,后面的命名不能和element里面的發生沖突

5.設置完成之后保存代碼到本地,打開文件夾

對里面的代碼進行修改。

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

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

8.圖標的用法和element里面的一樣

9.最終的效果

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM