iconify库兼容低版本谷歌浏览器?

作者站长头像
站长
· 阅读数 15

背景:项目中引入了iconify图标库,低版本谷歌浏览器下图标不能正常渲染

相关代码如下:

<template>
  <ElIcon :class="prefixCls" :size="size" :color="color">
    <span   :class="$attrs.class" :style="getIconifyStyle">
      <span class="iconify" data-icon="bx:edit"></span>
    </span>
  </ElIcon>
</template>

data-icon值bx:edit: 114、124版本谷歌浏览器下图标均正常渲染material-symbols:add: 114版本谷歌浏览器下图标没有渲染出来,124版本谷歌浏览器下图标正常渲染

尝试:iconify官网查找相关库https://icon-sets.iconify.design/?category=General

material-symbols:add图标在官网查到,怎么让这个图标兼容低版本谷歌浏览器?bx:edit图标官网未查到。但是项目中可以正常使用?

回复
1个回答
avatar
test
2024-06-19

问题已处理。bug原因在于iconify图标有一部分是在线图标,一部分是离线图标,所以公司内网用户就看不到在线图标,更换离线图标即可,之前以为是浏览器版本的问题,判断有误。

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容