维护项目中的iconfont图标库


维护一个项目,发现项目中图标使用了阿里巴巴矢量图标库 iconfont 

现在需要添加一些图标到图标库中

 

我们首先需要导入项目图标库到 iconfont 的项目中

 

1. 提取 svg 资源

1)找到图标 SVG 信息

打开图标库的 symbol 模式

浏览器的 F12 大法,查看图标的 svg 信息

注意:

元素定位,这样,是不行的

需要定位到内部

2)创建 SVG 图标

新建一个 文本文件,名称为 svgid,去掉开头的 icon-,后缀名改为 svg

如果不修改的话,上传 iconfont 后,样式回多出来一个icon-,iconfont 项目样式回自动的添加 icon-[id]

复制第一步得到的 svg 标签到文本文件

2. 上传SVG到 iconfont 的项目中

1) 新建一个空项目

2)点击上传图标至项目

点击上传 svg 文件

选择我们新建的 svg 文件

左边选择一个图标,可以修改图标的名称,

 

点击保留颜色并提交,我们就得到了图标库

 

现在可以维护图标库,然后重新下载替换项目的图标库文件就行了

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
YES开发框架
上一篇:API接口安全设计方案
下一篇:【推荐】Razor文件编译 ASP.NET Core
评论列表

发表评论

评论内容
昵称:
关联文章

YES-CMS内容管理系统 售价
PVE硬盘对应SATA口查询

联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码