From 3b3a2cf1c962d9e15229c9471d41d1ce6b197d6a Mon Sep 17 00:00:00 2001
From: "Ray.Hao" <1490493387@qq.com>
Date: Sat, 8 Feb 2025 20:15:24 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20:bug:=20=E5=90=8C=E6=AD=A5=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E9=A1=B5=E9=9D=A2=E7=9A=84=E5=9B=BE=E6=A0=87=E6=96=B9?=
 =?UTF-8?q?=E6=A1=88=E8=87=B3=20@unocss/preset-icons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

closed #IBKZ2I
---
 src/components/CURD/PageContent.vue                 | 1 -
 src/views/profile/index.vue                         | 4 ++--
 src/views/system/notice/components/NoticeDetail.vue | 3 +--
 uno.config.ts                                       | 6 ++----
 4 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/components/CURD/PageContent.vue b/src/components/CURD/PageContent.vue
index 188eb578..44f46bb4 100644
--- a/src/components/CURD/PageContent.vue
+++ b/src/components/CURD/PageContent.vue
@@ -453,7 +453,6 @@
 </template>
 
 <script setup lang="ts">
-import SvgIcon from "@/components/SvgIcon/index.vue";
 import { hasAuth } from "@/plugins/permission";
 import { useDateFormat, useThrottleFn } from "@vueuse/core";
 import {
diff --git a/src/views/profile/index.vue b/src/views/profile/index.vue
index 999d9f50..3af1cd20 100644
--- a/src/views/profile/index.vue
+++ b/src/views/profile/index.vue
@@ -59,14 +59,14 @@
               </el-descriptions-item>
               <el-descriptions-item>
                 <template #label>
-                  <SvgIcon icon-class="tree" />
+                  <div class="i-svg:tree" />
                   部门
                 </template>
                 {{ userProfile.deptName }}
               </el-descriptions-item>
               <el-descriptions-item>
                 <template #label>
-                  <SvgIcon icon-class="role" />
+                  <div class="i-svg:role" />
                   角色
                 </template>
                 {{ userProfile.roleNames }}
diff --git a/src/views/system/notice/components/NoticeDetail.vue b/src/views/system/notice/components/NoticeDetail.vue
index dd20a4c5..d573c3e9 100644
--- a/src/views/system/notice/components/NoticeDetail.vue
+++ b/src/views/system/notice/components/NoticeDetail.vue
@@ -13,8 +13,7 @@
         <div class="dialog-toolbar">
           <!-- 全屏/退出全屏按钮 -->
           <el-button circle @click="toggleFullscreen">
-            <SvgIcon v-if="isFullscreen" icon-class="fullscreen-exit" />
-            <SvgIcon v-else icon-class="fullscreen" />
+            <div :class="`i-svg:${isFullscreen ? 'fullscreen-exit' : 'fullscreen'}`" />
           </el-button>
           <!-- 关闭按钮 -->
           <el-button circle @click="handleClose">
diff --git a/uno.config.ts b/uno.config.ts
index c7b114e3..4ea11316 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -60,12 +60,10 @@ export default defineConfig({
       },
       // 图表集合
       collections: {
+        // svg 是图标集合名称，使用 `i-svg:图标名` 调用
         svg: FileSystemIconLoader(iconsDir, (svg) => {
           // 如果 `fill` 没有定义，则添加 `fill="currentColor"`
-          if (!svg.includes('fill="')) {
-            return svg.replace(/^<svg /, '<svg fill="currentColor" ');
-          }
-          return svg;
+          return svg.includes('fill="') ? svg : svg.replace(/^<svg /, '<svg fill="currentColor" ');
         }),
       },
     }),