项目总结之图标管理

  1. 新增--前端引用的图标要自己管理和命名,UI放进项目里面后,前端要根据自己的项目,选择图标修改名字
  2. 删除--添加到项目后,不得随便删除,删除必须全局搜索该图标是否在该项目有使用过,项目没有使用且和一起做同一个项目的同事确定了没用才能删除
  3. 修改--如果不止一块地方用了,需要和使用这个图标的其他同事沟通或者和周验沟通,确定没问题才可以直接替换原有图标,不然需要重新命名
  4. 自己添加图标时先看项目里面是否有类似或者相同的图标

  图标命名,项目前缀是统一改的,只用改图标名

  icon-项目名-图标名(-图标类型)

  icon-项目名-collect       普通图标

  icon-activity-collect-l   (line 线性)

  icon-activity-collect-f   (fill 填充性)

  1. 每个项目应用链接的时候一定要备注上该链接上哪个项目名的,原则上一个项目只有一个图标链接,阿里图标管理可以批量一键加入购物车加入新项目,所以开新项目一定要重新加入到新项目里面,不要引入旧项目的链接

  1. 最终图标使用规则

$iconPreName是mainjs引入全局的,使用者只需要把变量命$iconPreName拼接+图标名字即可

<i :class="$iconPreName+'collect-l'"></i>

2.例如:$iconPreName='iconfont myproject-'

 

posted @ 2021-04-21 17:31  虎太郎的小肚腩  阅读(188)  评论(0)    收藏  举报