添加水印

package.json

@@ -1,6 +1,6 @@
 {
   "name": "fs-admin",
-  "version": "2.5.4",
+  "version": "2.5.5",
   "type": "module",
   "scripts": {
     "dev": "vite --host",

src/config/defaultSetting.ts

@@ -9,5 +9,10 @@ export default {
   keepAliveTabs: true, // 标签页持久化
   logoInHeader: true, // logo及title是否显示在头部，false时显示在左侧
   multiTenant: false, // 开启多租户
-  isDynamicRouter: false // 开启动态路由即通过接口获取菜单
+  isDynamicRouter: false, // 开启动态路由即通过接口获取菜单
+  watermark: {
+    // 是否开启水印
+    enable: true,
+    text: '方是科技管理系统'
+  }
 }

src/layouts/BasicLayout.vue

@@ -2,9 +2,17 @@
 import { useRouterStore } from '@/stores/router'
 import { useThemeStore } from '@/stores/theme'
 import { isMicro } from '@/utils/micro'
+import config from '@/config/defaultSetting'
 
 const routerStore = useRouterStore()
 const themeStore = useThemeStore()
+
+// 水印字体
+const font = reactive({
+  color: 'rgba(0, 0, 0, 0.10)',
+  fontSize: 12,
+  fontWeight: 'light' as any
+})
 </script>
 
 <template>
@@ -36,11 +44,19 @@ const themeStore = useThemeStore()
             style="padding: var(--main-padding)"
             :style="{ height: themeStore.showTabs ? 'calc(100% - 41px)' : '100%' }"
           >
-            <router-view v-slot="{ Component }">
-              <keep-alive :include="themeStore.keepAliveTabs ? routerStore.keepAliveRouter : []">
-                <component :is="Component" />
-              </keep-alive>
-            </router-view>
+            <el-watermark
+              :content="config.watermark.enable ? config.watermark.text : ''"
+              :font="font"
+              :zIndex="0"
+              :gap="[150, 150]"
+              class="h-full"
+            >
+              <router-view v-slot="{ Component }">
+                <keep-alive :include="themeStore.keepAliveTabs ? routerStore.keepAliveRouter : []">
+                  <component :is="Component" />
+                </keep-alive>
+              </router-view>
+            </el-watermark>
           </div>
         </el-main>
         <!-- <el-footer>