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:
BTMuli
2023-12-10 16:20:49 +08:00
parent 347b3ed13d
commit 0141012f55
2 changed files with 5 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/source/UI/toolbox.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.4 KiB

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

@@ -30,7 +30,7 @@
<img src="/platforms/mhy/mys.webp" alt="mihoyo" class="side-icon" /> <img src="/platforms/mhy/mys.webp" alt="mihoyo" class="side-icon" />
</template> </template>
</v-list-item> </v-list-item>
<v-list-item title="酒馆" value="posts" :link="true" href="/posts"> <v-list-item title="帖子" value="posts" :link="true" href="/posts">
<template #prepend> <template #prepend>
<img src="/source/UI/posts.png" alt="posts" class="side-icon" /> <img src="/source/UI/posts.png" alt="posts" class="side-icon" />
</template> </template>
@@ -98,47 +98,11 @@
</v-list-item> </v-list-item>
</v-list-group> </v-list-group>
<div class="bottom-menu"> <div class="bottom-menu">
<v-menu :open-on-click="true" location="end"> <v-list-item :title="userInfo.nickname">
<template #activator="{ props }">
<v-list-item :title="userInfo.nickname" v-bind="props">
<template #prepend> <template #prepend>
<img :src="userInfo.avatar" alt="userIcon" class="side-icon" /> <img :src="userInfo.avatar" alt="userIcon" class="side-icon" />
</template> </template>
</v-list-item> </v-list-item>
</template>
<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="openClient('tavern')">
<template #prepend>
<img src="/platforms/mhy/mys.webp" alt="酒馆" class="side-icon-user" />
</template>
</v-list-item>
<v-list-item class="side-item-user" title="工具箱" @click="openClient('toolbox')">
<template #prepend>
<img src="/source/UI/toolbox.webp" alt="工具箱" class="side-icon-user" />
</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()"> <v-list-item :title="themeTitle" @click="switchTheme()">
<template #prepend> <template #prepend>
<v-icon> <v-icon>
@@ -227,20 +191,6 @@ async function listenOnTheme(): Promise<void> {
async function switchTheme(): Promise<void> { async function switchTheme(): Promise<void> {
await event.emit("readTheme", themeGet.value === "default" ? "dark" : "default"); await event.emit("readTheme", themeGet.value === "default" ? "dark" : "default");
} }
async function openClient(func: string): Promise<void> {
if (appStore.isLogin) {
await mhyClient.open(func);
} else {
login();
}
}
function login(): void {
showSnackbar({
text: "请前往设置页面扫码登录",
});
}
</script> </script>
<style lang="css" scoped> <style lang="css" scoped>
@@ -266,22 +216,4 @@ function login(): void {
border-radius: 5px; border-radius: 5px;
margin-right: 32px; margin-right: 32px;
} }
.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;
border-radius: 5px;
margin-right: 10px;
}
</style> </style>