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形式。

.

猜你喜欢

转载自www.cnblogs.com/jianxian/p/11313900.html