修改svg-icon组件样式

src/components/SvgIcon/index.vue

@@ -13,11 +13,11 @@ export default defineComponent({
     },
     className: {
       type: String,
-      default: "",
+      default: '',
     },
     color: {
       type: String,
-      default: "",
+      default: '',
     },
   },
   setup(props) {
@@ -25,29 +25,21 @@ export default defineComponent({
       iconName: computed(() => `#icon-${props.iconClass}`),
       svgClass: computed(() => {
         if (props.className) {
-          return `svg-icon ${props.className}`;
+          return `svg-icon ${props.className}`
         }
-        return "svg-icon";
+        return 'svg-icon'
       }),
-    };
+    }
   },
-});
+})
 </script>
 
 <style scope lang="scss">
-.sub-el-icon,
-.nav-icon {
-  display: inline-block;
-  font-size: 15px;
-  margin-right: 12px;
-  position: relative;
-}
-
 .svg-icon {
   width: 1em;
   height: 1em;
-  position: relative;
+  vertical-align: -0.15em;
   fill: currentColor;
-  vertical-align: -2px;
+  overflow: hidden;
 }
 </style>

src/components/SvgIcon/svgicon.js

@@ -1,10 +1,10 @@
 import * as components from '@element-plus/icons-vue'
 
 export default {
-    install: (app) => {
+  install: (app) => {
-        for (const key in components) {
+    for (const key in components) {
-            const componentConfig = components[key];
+      const componentConfig = components[key];
-            app.component(componentConfig.name, componentConfig);
+      app.component(componentConfig.name, componentConfig);
-        }
+    }
-    },
+  },
-};
+};