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

✨ 实装 JSBridge

Browse Source 
fix #47
This commit is contained in:
BTMuli
2023-10-25 20:49:14 +08:00
parent d0c0f40638
commit f54ab8daa4
2 changed files with 62 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/components/app/t-sidebar.vue
View File

@@ -93,16 +93,37 @@
</v-list-item>
</v-list-group>
<div class="bottom-menu">
<v-list-item>
<template #prepend>
<img :src="userInfo.avatar" alt="userIcon" class="side-icon" />
<v-menu open-on-click location="end">
<template #activator="{ props }">
<v-list-item :title="userInfo.nickname" v-bind="props">
<template #prepend>
<img :src="userInfo.avatar" alt="userIcon" class="side-icon" />
</template>
</v-list-item>
</template>
<template #default>
<v-list-item-title>
{{ userInfo.nickname }}
</v-list-item-title>
</template>
</v-list-item>
<v-list class="side-list-user" density="compact" :nav="true">
<v-list-item class="side-item-user" title="签到" @click="openClient('sign_in')">
<template #prepend>
<img src="/source/UI/userGacha.webp" class="side-icon-user" alt="sing_in" />
</template>
</v-list-item>
<v-list-item class="side-item-user" title="战绩" @click="openClient('game_record')">
<template #prepend>
<img src="/source/UI/userRecord.webp" class="side-icon-user" alt="game_record" />
</template>
</v-list-item>
<v-list-item
class="side-item-user"
title="登录"
@click="login"
v-show="userStore.cookie?.game_token !== ''"
>
<template #prepend>
<img src="/source/UI/defaultUser.webp" class="side-icon-user" alt="login" />
</template>
</v-list-item>
</v-list>
</v-menu>
<v-list-item :title="themeTitle" @click="switchTheme()">
<template #prepend>
<v-icon>
@@ -126,6 +147,8 @@ import { computed, onMounted, ref } from "vue";
import { useAppStore } from "../../store/modules/app";
import { useUserStore } from "../../store/modules/user";
import mhyClient from "../../utils/TGClient";
import showSnackbar from "../func/snackbar";
const appStore = useAppStore();
const userStore = useUserStore();
@@ -169,6 +192,7 @@ function collapse(): void {
onMounted(async () => {
await listenOnTheme();
await mhyClient.run();
});
async function listenOnTheme(): Promise<void> {
@@ -181,6 +205,16 @@ async function listenOnTheme(): Promise<void> {
async function switchTheme(): Promise<void> {
await event.emit("readTheme", themeGet.value === "default" ? "dark" : "default");
}
async function openClient(func: string): Promise<void> {
await mhyClient.open(func);
}
function login(): void {
showSnackbar({
text: "请前往设置页面扫码登录",
});
}
</script>
<style lang="css" scoped>
@@ -207,10 +241,20 @@ async function switchTheme(): Promise<void> {
margin-right: 32px;
}
.side-icon-mini {
width: 36px;
height: 36px;
margin-right: 20px;
transform: translateX(-6px);
.side-list-user {
background: var(--app-side-bg) !important;
color: var(--app-side-content) !important;
font-family: var(--font-title);
}
.side-item-user {
border: 1px solid var(--common-shadow-2);
background: var(--box-bg-1);
}
.side-icon-user {
width: 20px;
height: 20px;
margin-right: 10px;
}
</style>

8
src/pages/common/Test.vue
View File

@@ -19,7 +19,8 @@
</div>
<h1>窗口建立测试</h1>
<div class="btn-list">
<v-btn class="test-btn" @click="tryNewWindow">创建新窗口</v-btn>
<v-btn class="test-btn" @click="tryNewWindow('sign_in')">SignIn</v-btn>
<v-btn class="test-btn" @click="tryNewWindow('game_record')">GameRecord</v-btn>
</div>
</div>
</template>
@@ -40,9 +41,8 @@ async function getGC(): Promise<void> {
await showGeetest();
}
async function tryNewWindow(): Promise<void> {
await mhyClient.open("sign_in");
// await mhyClient.open("game_record");
async function tryNewWindow(func: string): Promise<void> {
await mhyClient.open(func);
}
</script>
<style lang="css" scoped>