elementUI设置自定义图标库

打开阿里巴巴图标库


新建一个项目，这两个圈出来的要记住，或者用的时候点击修改，进行查看

点击编辑图标

将字符写成中文形式，我的之前是一串字符，放进项目里会报错

点击进行下载

直接将压缩包的所有内容，放在一个自定义的文件夹下，一般叫icon，也可以不叫icon，放在静态目录里面

使用：main.js中引入，路径不要使用./的形式，可能会报错

然后看iconfont.css文件，找到图标对应的名称

使用的时候用的类名

<i class="font swiconsuoxiao"></i>

就可以像饿了么自带的一样了

完毕！

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容