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

背景:
项目中引入了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图标官网未查到。但是项目中可以正常使用?

阅读 796
2 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题