style: 调整

src/components/svg-icon/index.vue

@@ -1,35 +1,29 @@
 <template>
-    <svg
+  <svg aria-hidden="true" class="svg-icon" :width="props.size" :height="props.size">
-      aria-hidden="true"
+    <use :xlink:href="symbolId" :fill="props.color" />
-      class="svg-icon"
+  </svg>
-      :width="props.size"
+</template>
-      :height="props.size"
-    >
-      <use :xlink:href="symbolId" :fill="props.color" />
-    </svg>
-  </template>
 
-  <script setup>
+<script setup>
-  import { computed } from "vue";
+import { computed } from 'vue';
-  const props = defineProps({
+const props = defineProps({
-    prefix: {
+  prefix: {
-      type: String,
+    type: String,
-      default: "icon",
+    default: 'icon',
-    },
+  },
-    name: {
+  name: {
-      type: String,
+    type: String,
-      required: true,
+    required: true,
-    },
+  },
-    color: {
+  color: {
-      type: String,
+    type: String,
-      default: "#333",
+    default: '#333',
-    },
+  },
-    size: {
+  size: {
-      type: String,
+    type: String,
-      default: "12",
+    default: '12',
-    },
+  },
-  });
+});
-  
-  const symbolId = computed(() => `#${props.prefix}-${props.name}`);
-  </script>
 
+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';