From a504260c0db90a5a2b4be82f801b24ba916fa805 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=9D=E5=85=88=E7=91=9E?= <1490493387@qq.com>
Date: Tue, 20 Feb 2024 22:35:33 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20:sparkles:=20=E6=96=B0=E5=A2=9E=20eleme?=
 =?UTF-8?q?nt-plus=20=E6=B0=B4=E5=8D=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                              | 14 ++++++++------
 src/layout/components/Settings/index.vue | 13 +++++++++----
 src/layout/index.vue                     |  1 -
 src/settings.ts                          |  2 +-
 src/store/modules/settings.ts            |  1 -
 5 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index dd2ac672..d866a185 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,11 +1,13 @@
+<template>
+  <el-config-provider :locale="appStore.locale" :size="appStore.size">
+    <el-watermark content="vue3-element-admin" class="wh-full">
+      <router-view />
+    </el-watermark>
+  </el-config-provider>
+</template>
+
 <script setup lang="ts">
 import { useAppStore } from "@/store/modules/app";
 
 const appStore = useAppStore();
 </script>
-
-<template>
-  <el-config-provider :locale="appStore.locale" :size="appStore.size">
-    <router-view />
-  </el-config-provider>
-</template>
diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
index b3badee9..efe3f278 100644
--- a/src/layout/components/Settings/index.vue
+++ b/src/layout/components/Settings/index.vue
@@ -18,19 +18,24 @@
       <el-switch v-model="settingsStore.tagsView" />
     </div>
 
-    <div class="py-[8px] flex justify-between">
+    <div class="py-[8px] flex-x-between">
       <span class="text-xs">固定 Header</span>
       <el-switch v-model="settingsStore.fixedHeader" />
     </div>
 
-    <div class="py-[8px] flex justify-between">
+    <div class="py-[8px] flex-x-between">
       <span class="text-xs">侧边栏 Logo</span>
       <el-switch v-model="settingsStore.sidebarLogo" />
     </div>
 
+    <div class="py-[8px] flex-x-between">
+      <span class="text-xs">开启水印</span>
+      <el-switch v-model="settingsStore.sidebarLogo" />
+    </div>
+
     <el-divider>主题颜色</el-divider>
 
-    <ul class="w-full space-x-2 flex justify-center py-2">
+    <ul class="w-full space-x-2 flex-x-center py-2">
       <li
         v-for="(color, index) in themeColors"
         :key="index"
@@ -165,7 +170,7 @@ const currentThemeColor = computed(() => {
 });
 
 /**
- * 切换主题
+ * 切换暗黑模式
  */
 const isDark = ref<boolean>(settingsStore.theme === "dark");
 const handleThemeChange = (isDark: any) => {
diff --git a/src/layout/index.vue b/src/layout/index.vue
index db7b6c09..97958bf5 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -6,7 +6,6 @@
       class="fixed z-1000 bg-black bg-opacity-20"
       @click="handleOutsideClick"
     ></div>
-
     <Sidebar class="sidebar-container" />
 
     <!-- 混合布局 -->
diff --git a/src/settings.ts b/src/settings.ts
index 82797dc5..5b536f5b 100644
--- a/src/settings.ts
+++ b/src/settings.ts
@@ -10,7 +10,7 @@ const defaultSettings: AppSettings = {
   size: "default",
   language: "zh-cn",
   themeColor: "#409EFF",
-  watermark: { enabled: false, content: "有来技术" },
+  watermark: { enabled: false, content: "vue3-element-admin" },
 };
 
 export default defaultSettings;
diff --git a/src/store/modules/settings.ts b/src/store/modules/settings.ts
index 3c037587..ff6bb671 100644
--- a/src/store/modules/settings.ts
+++ b/src/store/modules/settings.ts
@@ -20,7 +20,6 @@ export const useSettingsStore = defineStore("setting", () => {
   );
   const theme = useStorage<string>("theme", defaultSettings.theme);
 
-  // Whether to enable watermark
   const watermark = useStorage<any>("watermark", defaultSettings.watermark);
 
   const settingsMap: Record<string, Ref<any>> = {