发布时间:
来源:CSDN
1.在阿里巴巴图标库创建自己的工程,并导入需要的图标放入项目
2.下载项目至本地
下载解压后,我们只需要把除开demo的文件放进自己的前端项目
(资料图)
在assets目录下创建icon目录放入
3.修改iconfont.css文件
插入代码
[class^="el-icontp-"], [class*="el-icontp-"] { font-family:"fontFamily" !important; /* 以下内容参照第三方图标库本身的规则 */ font-size: 18px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
4.引用第三方图标
我们在main.js文件中导入iconfont.css 就可以使用第三方图标库了
在项目中使用图标方式 如 我的图标全称为el-icontp-addition
class属性
新增群组