From 68b76b82cfa7938ac85c4a16daf40728168a3550 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=9D=E5=85=88=E7=91=9E?= <1490493387@qq.com>
Date: Fri, 23 Feb 2024 10:01:12 +0800
Subject: [PATCH] =?UTF-8?q?fix(App.vue):=20:bug:=20=E6=B0=B4=E5=8D=B0?=
 =?UTF-8?q?=E5=AD=97=E4=BD=93=E9=A2=9C=E8=89=B2=E6=9C=AA=E9=80=82=E9=85=8D?=
 =?UTF-8?q?=E6=9A=97=E9=BB=91=E4=B8=BB=E9=A2=98=E5=AF=BC=E8=87=B4=E6=97=A0?=
 =?UTF-8?q?=E6=B3=95=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 3d61f642..6e368b83 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,7 +3,8 @@
     <!-- 开启水印 -->
     <el-watermark
       v-if="watermarkEnabled"
-      :content="watermarkContent"
+      :font="{ color: fontColor }"
+      :content="defaultSettings.watermarkContent"
       class="wh-full"
     >
       <router-view />
@@ -16,12 +17,19 @@
 <script setup lang="ts">
 import { useAppStore, useSettingsStore } from "@/store";
 import defaultSettings from "@/settings";
+import { ThemeEnum } from "@/enums/ThemeEnum";
 
 const appStore = useAppStore();
+const settingsStore = useSettingsStore();
+
 const locale = computed(() => appStore.locale);
 const size = computed(() => appStore.size);
-
-const watermarkContent = defaultSettings.watermarkContent;
-const settingsStore = useSettingsStore();
 const watermarkEnabled = computed(() => settingsStore.watermarkEnabled);
+
+// 明亮/暗黑主题水印字体颜色适配
+const fontColor = computed(() => {
+  return settingsStore.theme === ThemeEnum.DARK
+    ? "rgba(255, 255, 255, .15)"
+    : "rgba(0, 0, 0, .15)";
+});
 </script>