Vue工程化之引入element-ui框架后圖標失效


場景:

    vue-cli搭建的工程化項目,引入element框架后發現圖標無效,變為方塊

    

 

解決方案:

    在index.html引入樣式文件CDN鏈接即可

<!-- 引入樣式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

引入成功后會發現之前的font-awesome無效,這時去源碼查看會看到font-awesome圖標前綴是fa fa-xxx形式,但element框架的圖標源碼格式為el-icon-xxx形式。

 

 

.


免責聲明!

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



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