当前位置:   article > 正文

ElementUI从PNG开始,自己添加ICON

elementui图标png图片

自定义ICON需求普遍,不过往往只有一些PNG图片,这个时候就需要:

  1. 转化PNG为SVG
  2. 制作ICON的CSS库
  3. 添加相关CSS文件,并在项目中引用。

1:转化PNG为SVG,推荐一个网站 格式转化 需要注意的是,下一步制作需要的SVG文件大小限制为40K,请注意。

2:制作ICON,这里又推荐一个网站,就是 阿里图库 基本流程

3:这个时候已经有了带有自己图标的CSS文件了,最新的文件有6个,如下 文件列表

4:进入自己的Element项目中,拷贝上面这几个文件到项目中 修改iconfont.css文件: 输入图片说明

5:然后在自己的项目中直接使用自己的clsName就行了 也就是你在阿里图库里看到的: 输入图片说明

不知道这个简陋的教程能不能帮到有些人,要养成记录的习惯。主要还是为自己!

转载于:https://my.oschina.net/u/913814/blog/1540642

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/121097
推荐阅读
相关标签
  

闽ICP备14008679号