mirror of
https://github.com/fastapiadmin/FastapiAdmin.git
synced 2026-09-24 05:26:58 +00:00
33 lines
1.0 KiB
Vue
33 lines
1.0 KiB
Vue
<template>
|
|
<el-config-provider :locale="locale" :size="size">
|
|
<!-- 开启水印 -->
|
|
<el-watermark
|
|
:font="{ color: fontColor }"
|
|
:content="showWatermark ? defaultSettings.watermarkContent : ''"
|
|
:z-index="9999"
|
|
class="wh-full"
|
|
>
|
|
<router-view />
|
|
</el-watermark>
|
|
</el-config-provider>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { useAppStore, useSettingsStore } from "@/store";
|
|
import { defaultSettings } from "@/settings";
|
|
import { ThemeMode } from "@/enums/settings/theme.enum";
|
|
import { ComponentSize } from "@/enums/settings/layout.enum";
|
|
|
|
const appStore = useAppStore();
|
|
const settingsStore = useSettingsStore();
|
|
|
|
const locale = computed(() => appStore.locale);
|
|
const size = computed(() => appStore.size as ComponentSize);
|
|
const showWatermark = computed(() => settingsStore.showWatermark);
|
|
|
|
// 明亮/暗黑主题水印字体颜色适配
|
|
const fontColor = computed(() => {
|
|
return settingsStore.theme === ThemeMode.DARK ? "rgba(255, 255, 255, .15)" : "rgba(0, 0, 0, .15)";
|
|
});
|
|
</script>
|