element-ui引入iconfont


1.百度查詢進入Iconfont阿里巴巴矢量圖標庫官網(https://www.iconfont.cn/)

 

 2.搜索找到你想要的圖標

 

 

 

 

 

 3.加入購物車

 

 4.點擊購物車,選擇添加到項目

 

 3.登錄你的gethub賬戶或者選擇其他登錄方式,選擇添加到項目,沒有項目新建項目

 

 4.選擇font class,然后點擊下載到本地(下載下來壓縮包,解壓)

 

 

5.進入文件夾,復制六個文件到webstorm下的assets/icon目錄下

 

 

 

 6.在main.js里面全局引入

 

 7.在你想要應用的頁面使用 ,class里面在圖標名稱前加iconfont,圖標名稱為GitHub里面圖標名

 

 

 

 8.圖標嵌套引入

<el-input prefix-icon="iconfont icon-play" v-model=" "></el-input>

9.使用工具:webstrom


免責聲明!

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



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