Просмотр исходного кода

修复svgicon组件无颜色时无法显示图标的问题

zhontai 2 лет назад
Родитель
Сommit
f681937b5b
2 измененных файлов с 2 добавлено и 2 удалено
  1. 1 1
      src/components/svgIcon/index.vue
  2. 1 1
      src/views/example/make/svgDemo/index.vue

+ 1 - 1
src/components/svgIcon/index.vue

@@ -58,6 +58,6 @@ const setIconSvgInsStyle = computed(() => {
   const filterStyle: string[] = []
   const compatibles: string[] = ['-webkit', '-ms', '-o', '-moz']
   compatibles.forEach((j) => filterStyle.push(`${j}-filter: drop-shadow(${props.color} ${props.size}px 0);`))
-  return `width: ${props.size}px;height: ${props.size}px;position: relative;left: -${props.size}px;${filterStyle.join('')}`
+  return `width: ${props.size}px;height: ${props.size}px;` + (props.color ? `position: relative;left: -${props.size}px;${filterStyle.join('')}` : '')
 })
 </script>

+ 1 - 1
src/views/example/make/svgDemo/index.vue

@@ -4,7 +4,7 @@
       <SvgIcon name="iconfont icon-shuju1" color="red" :size="30" />
       <SvgIcon name="ele-Trophy" color="var(--el-color-primary)" :size="30" />
       <SvgIcon name="fa fa-flag-checkered" color="#09f" :size="30" />
-      <SvgIcon :name="logoMini" color="#09f" :size="30" />
+      <SvgIcon class="ml5" :name="logoMini" :size="30" />
     </el-card>
     <el-card shadow="hover" header="svgIcon:参数" class="mt15">
       <el-table :data="state.tableData" style="width: 100%">