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