关于elementui引入第三方icon

参考该博文

1.打开阿里icon>资源管理>我的项目>新建项目

!!注意前缀不能和elementui的一样,我用的是el-icon-third
2.选择自己的icon加入购物车并加入自己新建的项目
3.选择font.css并下载到本地,解压修改iconfont.css文件
在这里插入图片描述
class的就是你自己刚刚设置的前缀。注意第二个class前面有一个空格
4.在你的vue项目中assets创建icon文件夹,将刚刚压缩包里的全部文件复制进去
5.在main.js中引入iconfont.css文件
在这里插入图片描述

6.在项目中复制你要用的icon代码
在这里插入图片描述
7.在项目中使用
在这里插入图片描述
8.注意后续如果需要添加新的icon需要重新下载压缩包

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐