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

🎨 优化代码

Browse Source
This commit is contained in:
目棃
2024-09-30 19:25:52 +08:00
parent df3158f428
commit 9aa789821e
1 changed files with 6 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/config/tc-gameBadge.vue
View File

@@ -2,21 +2,12 @@
<div class="tgb-box"> <div class="tgb-box">
<div class="tgb-top"> <div class="tgb-top">
<div class="tgb-title">✨原神，启动！</div> <div class="tgb-title">✨原神，启动！</div>
<div class="tgb-btns"> <v-btn size="small" icon="mdi-rocket" variant="outlined" @click="tryPlayGame()" />
<v-btn size="small" icon="mdi-refresh" @click="refreshAccount" variant="outlined" />
<v-btn
size="small"
:disabled="!canPlay"
icon="mdi-rocket"
variant="outlined"
@click="tryPlayGame()"
/>
</div>
</div> </div>
<v-list-item v-if="account"> <v-list-item v-if="account">
<v-list-item-title class="tgb-name" <v-list-item-title class="tgb-name">
>{{ account.nickname }}({{ account.regionName }})</v-list-item-title {{ account.nickname }}({{ account.regionName }})
> </v-list-item-title>
<v-list-item-subtitle>{{ account.gameUid }} Lv.{{ account.level }}</v-list-item-subtitle> <v-list-item-subtitle>{{ account.gameUid }} Lv.{{ account.level }}</v-list-item-subtitle>
</v-list-item> </v-list-item>
</div> </div>
@@ -26,7 +17,7 @@ import { path } from "@tauri-apps/api";
import { exists } from "@tauri-apps/plugin-fs"; import { exists } from "@tauri-apps/plugin-fs";
import { Command } from "@tauri-apps/plugin-shell"; import { Command } from "@tauri-apps/plugin-shell";
import { storeToRefs } from "pinia"; import { storeToRefs } from "pinia";
import { onMounted, ref, computed } from "vue"; import { onMounted, ref } from "vue";
import TSUserAccount from "../../plugins/Sqlite/modules/userAccount.js"; import TSUserAccount from "../../plugins/Sqlite/modules/userAccount.js";
import { useAppStore } from "../../store/modules/app.js"; import { useAppStore } from "../../store/modules/app.js";
@@ -37,12 +28,7 @@ import showSnackbar from "../func/snackbar.js";
const userStore = storeToRefs(useUserStore()); const userStore = storeToRefs(useUserStore());
const appStore = storeToRefs(useAppStore()); const appStore = storeToRefs(useAppStore());
const account = ref<TGApp.Sqlite.Account.Game>(); const account = ref<TGApp.Sqlite.Account.Game>();
const canPlay = computed<boolean>(() => {
if (!account.value) return false;
return account.value.isOfficial === 1;
});
onMounted(async () => { onMounted(async () => {
if (!userStore.uid.value) return; if (!userStore.uid.value) return;
@@ -53,7 +39,6 @@ async function refreshAccount(): Promise<void> {
const accountFind = await TSUserAccount.game.getCurAccount(userStore.uid.value!); const accountFind = await TSUserAccount.game.getCurAccount(userStore.uid.value!);
if (!accountFind) account.value = undefined; if (!accountFind) account.value = undefined;
else account.value = accountFind; else account.value = accountFind;
showSnackbar({ text: "成功刷新当前登录用户！" });
} }
async function tryPlayGame(): Promise<void> { async function tryPlayGame(): Promise<void> {
@@ -119,6 +104,7 @@ async function tryPlayGame(): Promise<void> {
.tgb-top { .tgb-top {
position: relative; position: relative;
display: flex; display: flex;
width: 100%;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }