From ea5e5685257f7bb39a2f6cabf97ff7c6ea2acbb3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Thu, 11 Jul 2024 22:57:11 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9A=A1=EF=B8=8F=20=E8=A7=92=E8=89=B2?=
 =?UTF-8?q?=E5=88=86=E4=BA=AB=E5=9B=BE=E6=B7=BB=E5=8A=A0=E6=B0=B4=E5=8D=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../devCharacter/duc-detail-overlay.vue          | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/components/devCharacter/duc-detail-overlay.vue b/src/components/devCharacter/duc-detail-overlay.vue
index 570f4310..10663e02 100644
--- a/src/components/devCharacter/duc-detail-overlay.vue
+++ b/src/components/devCharacter/duc-detail-overlay.vue
@@ -32,6 +32,11 @@
         <div class="duc-doc-lb">
           <DucDetailOlb :model-value="JSON.parse(props.dataVal.constellation)" />
         </div>
+        <!-- 底部水印信息 -->
+        <div class="duc-doc-bt">
+          UID: {{ props.dataVal.uid }} Updated: {{ props.dataVal.updated }} | Rendered by
+          TeyvatGuide v{{ version }}
+        </div>
       </div>
       <!-- 右侧箭头 -->
       <div class="duc-arrow-right" @click="handleClick('right')">
@@ -41,6 +46,7 @@
   </TOverlay>
 </template>
 <script lang="ts" setup>
+import { app } from "@tauri-apps/api";
 import { computed, onMounted, onUpdated, ref } from "vue";
 
 import TGSqlite from "../../plugins/Sqlite/index.js";
@@ -64,6 +70,7 @@ type DucDetailOverlayEmits = {
 
 const props = defineProps<DucDetailOverlayProps>();
 const emits = defineEmits<DucDetailOverlayEmits>();
+const version = await app.getVersion();
 const visible = computed({
   get: () => props.modelValue,
   set: (value) => {
@@ -199,4 +206,13 @@ async function share(): Promise<void> {
   left: 10px;
   padding: 5px;
 }
+
+.duc-doc-bt {
+  position: absolute;
+  right: 10px;
+  bottom: -1px;
+  color: var(--tgc-white-1);
+  font-size: 12px;
+  text-shadow: 0 0 2px var(--tgc-dark-2);
+}
 </style>