解决 remixicon 图标集与 arco 图标集显示大小不一样问题

go-admin-team · Jul 10, 2024 · f70c9f4 · f70c9f4
1 parent 16e302e
commit f70c9f4
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/IconSelect.vue b/src/components/IconSelect.vue
@@ -2,12 +2,12 @@
   <a-select v-model="dataModel" :options="IconSelect" :trigger-props="{ contentClass: 'iconSelect' }" allow-search allow-clear placeholder="请选择菜单图标">
     <template #label="{ data }">
       <a-space>
-        <component :is="data.value" />
+        <component :is="data.value" :width="size" :height="size" :size="size.toString()" />
         <span v-if="title">{{data?.value}}</span>
       </a-space>
     </template>
     <template #option="{ data }">
-      <component :is="data.value" />
+      <component :is="data.value" :width="size" :height="size" :size="size.toString()" />
     </template>
   </a-select>
 </template>
@@ -25,6 +25,11 @@ const props = defineProps({
   title: {
     type: Boolean,
     default: true
+  },
+  // Akiraka 20240709 控制图标显示大小
+  size: {
+    type: [Number, String],
+    default: 16
   }
 });