关于elementui引入第三方icon_element ui 加载三方icon

作者：盐析白兔 | 2024-02-20 22:54:50

踩

element ui 加载三方icon

关于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需要重新下载压缩包

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/121096