給element添加自定義圖標


element為我們提供了豐富的好用的組件,圖標的樣式也很多,但還是有一些常用的圖標沒有在官方圖標庫里邊,比如說微信、淘寶、支付寶等等。那么如何把我們需要的圖標添加到進去呢?

因為element有官方圖標庫,那我們引入的時候也按照官方的class格式,做到統一。

我在這里只說一種方法,那就是如何引用阿里iconfont圖標作為我們自定義的圖標。

首先呢需要現在iconfont官網找到我們需要的圖標,然后加入到購物車並且放入項目,如圖:

 

 添加到項目之后會自動打開項目,然后找到我們剛剛添加的項目,點擊更多操作---編輯項目

 

然后添加后綴:el-icon-xx。

 

 在這里編輯項目是為了保持class和element官方圖標庫class的統一。

修改完之后就可以下載下來了。我們需要的把下圖中的文件copy到我們的項目中,

然后可以在main.js中引入iconfont.css這個文件。然后就可以使用里邊的圖標了。

怎么使用呢?使用iconfont.css中的這兩個類名即可。.iconfont這個類名是必須要寫的,第二個類名看你需要那個就寫那個了。

 

 

 給element添加自定義圖標


免責聲明!

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



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