App.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <template>
  2. <el-config-provider :locale="locale" :size="size">
  3. <!-- 开启水印 -->
  4. <el-watermark
  5. v-if="watermarkEnabled"
  6. :font="{ color: fontColor }"
  7. :content="defaultSettings.watermarkContent"
  8. class="wh-full"
  9. >
  10. <router-view />
  11. </el-watermark>
  12. <!-- 关闭水印 -->
  13. <router-view v-else />
  14. </el-config-provider>
  15. </template>
  16. <script setup lang="ts">
  17. import { useAppStore, useSettingsStore } from "@/store";
  18. import defaultSettings from "@/settings";
  19. import { ThemeEnum } from "@/enums/ThemeEnum";
  20. const appStore = useAppStore();
  21. const settingsStore = useSettingsStore();
  22. const locale = computed(() => appStore.locale);
  23. const size = computed(
  24. () => appStore.size as "default" | "small" | "large" | undefined
  25. );
  26. const watermarkEnabled = computed(() => settingsStore.watermarkEnabled);
  27. console.log("测试提交新分支");
  28. // 明亮/暗黑主题水印字体颜色适配
  29. const fontColor = computed(() => {
  30. return settingsStore.theme === ThemeEnum.DARK
  31. ? "rgba(255, 255, 255, .15)"
  32. : "rgba(0, 0, 0, .15)";
  33. });
  34. </script>