Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2025-12-15 09:48:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

⚡️ 角色分享图添加水印

Browse Source
This commit is contained in:
目棃
2024-07-11 22:57:11 +08:00
parent cee7d192ae
commit ea5e568525
1 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/devCharacter/duc-detail-overlay.vue
View File

@@ -32,6 +32,11 @@
<div class="duc-doc-lb"> <div class="duc-doc-lb">
<DucDetailOlb :model-value="JSON.parse(props.dataVal.constellation)" /> <DucDetailOlb :model-value="JSON.parse(props.dataVal.constellation)" />
</div> </div>
<!-- 底部水印信息 -->
<div class="duc-doc-bt">
UID: {{ props.dataVal.uid }} Updated: {{ props.dataVal.updated }} | Rendered by
TeyvatGuide v{{ version }}
</div>
</div> </div>
<!-- 右侧箭头 --> <!-- 右侧箭头 -->
<div class="duc-arrow-right" @click="handleClick('right')"> <div class="duc-arrow-right" @click="handleClick('right')">
@@ -41,6 +46,7 @@
</TOverlay> </TOverlay>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { app } from "@tauri-apps/api";
import { computed, onMounted, onUpdated, ref } from "vue"; import { computed, onMounted, onUpdated, ref } from "vue";
import TGSqlite from "../../plugins/Sqlite/index.js"; import TGSqlite from "../../plugins/Sqlite/index.js";
@@ -64,6 +70,7 @@ type DucDetailOverlayEmits = {
const props = defineProps<DucDetailOverlayProps>(); const props = defineProps<DucDetailOverlayProps>();
const emits = defineEmits<DucDetailOverlayEmits>(); const emits = defineEmits<DucDetailOverlayEmits>();
const version = await app.getVersion();
const visible = computed({ const visible = computed({
get: () => props.modelValue, get: () => props.modelValue,
set: (value) => { set: (value) => {
@@ -199,4 +206,13 @@ async function share(): Promise<void> {
left: 10px; left: 10px;
padding: 5px; 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> </style>