前言
KOCA-UI图标库在2.7.0做了统一规范化管理,项目依赖的koca-ui版本由2.7.0以下升级至2.7.0后,此时,会出现过去应用于项目中的图标在新的图标库里找不到,或者图标名称变更,这样导致项目里就无法正常显示图标。
针对此问题,我们提供了图标过滤脚本工具,检测kui-icon完整性,进行项目中的图标排查
图标筛查
- 下载脚本
check_icon.js.zip (1.4 KB)
解压后放在项目的根目录下
- 在项目根目录下执行命令
node check_icon.js
运行结果
检查到有图标未在图标库中匹配到,在控制台会输出未匹配到的所有图标名称以及对应的引用文件路径:
检索中...
[
{
//ctrl+单击即可定位到对应文件
path: '~Desktop\\金证项目\\koca-front\\src\\pc\\template\\lib\\components\\MessagePush.vue',
//文件中在图库找不到的图标名称数组
icon_name: [ 'kui-icon-all', 'kui-icon-unfinished', 'kui-icon-complete' ]
},
{
path: '...',
icon_name: [ '...','...',... ]
},
...
]
根据输出结果,在项目中进行替换即可
校对步骤:
1、定位到对应文件,依次搜索对应icon_name数组中的图标名称
(注:对于这些图标您还可以通过下载font-v2.6.0.zip (427.5 KB)本地解压后,打开demo_index.html, 查看对应旧版(v2.6.0)图标样式)
2、查看V2.7.0版本对应图标,进行替换 点击查看平台中icon集合
检查到所有图标均在图标库中匹配到,在控制台输出如下结果:
检索中...
项目中所引用的图标均在图标库中匹配到,图标可正常显示
即项目中所引用的图标均为最新版本,可正常显示,请放心使用
如果您在查找过程中碰到什么问题,请及时联系KOCA前端开发人员,我们将优先为您处理。