今天遇到了vue項目中使用Iconfont圖標 ,感覺挺實用的 隨手記錄下。只需簡單的6步就可以實現


1.在Iconfont官網里去下載你覺得好看的圖標。

http://www.iconfont.cn/(官網地址)

2.選好想要的圖標后在購物車里點擊添加到項目

3.在到我的項目里點擊下載到本地

4.在vue項目assets文件夾下新建一個iconfont文件夾(名字隨意)將剛剛下載下來的代碼包中的iconfont.css、iconfont.eto、iconfont.svg、iconfont.ttf、iconfont.woff復制到iconfont文件夾下。

5.在main.js全局變量中引入iconfont.css。

6.之后就可以在項目使用你剛下在的圖標了。

            

 


免責聲明!

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



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