style: 调整

src/components/svg-icon/index.vue

@@ -1,20 +1,15 @@
 <template>
-    <svg
+  <svg aria-hidden="true" class="svg-icon" :width="props.size" :height="props.size">
-      aria-hidden="true"
-      class="svg-icon"
-      :width="props.size"
-      :height="props.size"
-    >
     <use :xlink:href="symbolId" :fill="props.color" />
   </svg>
 </template>
 
 <script setup>
-  import { computed } from "vue";
+import { computed } from 'vue';
 const props = defineProps({
   prefix: {
     type: String,
-      default: "icon",
+    default: 'icon',
   },
   name: {
     type: String,
@@ -22,14 +17,13 @@
   },
   color: {
     type: String,
-      default: "#333",
+    default: '#333',
   },
   size: {
     type: String,
-      default: "12",
+    default: '12',
   },
 });
 
 const symbolId = computed(() => `#${props.prefix}-${props.name}`);
 </script>
-  

src/styles/lib/variable.scss

@@ -4,6 +4,7 @@ $font-family-regular: 'PingFangSC-Regular', 'Microsoft Yahei', Arial, sans-serif
 $font-family-medium: 'PingFangSC-Medium', 'Microsoft Yahei', Arial, sans-serif;
 $font-family-light: 'PingFangSC-Light', 'Microsoft Yahei', Arial, sans-serif;
 $font-family-bold: 'PingFangSC-Semibold', 'PingFangSC-Regular', 'Microsoft Yahei', Arial, sans-serif;
+
 // 数字字体包
 $font-family-manrope-regular: 'Manrope-Regular';
 $font-family-manrope-medium: 'Manrope-Medium';