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

💄 fix(sidebar): 侧边栏添加子项

Browse Source
This commit is contained in:
BTMuli
2023-04-14 19:18:42 +08:00
parent 055159fac0
commit 4f7f0be6b7
2 changed files with 26 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/t-sidebar.vue
View File

@@ -80,21 +80,38 @@
</v-list-item> </v-list-item>
</v-list-group> </v-list-group>
<v-divider /> <v-divider />
<v-list-group value="database" fluid> <v-list-group value="wiki" fluid>
<template #activator="{ props }"> <template #activator="{ props }">
<v-list-item title="数据库" v-bind="props"> <v-list-item title="图鉴" v-bind="props">
<template #prepend> <template #prepend>
<!-- TODO: 后续更换图标-->
<v-icon color="rgb(205, 182, 145)"> <v-icon color="rgb(205, 182, 145)">
mdi-database mdi-book-open-variant
</v-icon> </v-icon>
</template> </template>
</v-list-item> </v-list-item>
</template> </template>
<v-list-item title="GCG" value="db-GCG" link href="/GCG"> <v-list-item title="GCG" value="wiki-GCG" link href="/wiki/GCG">
<template #prepend> <template #prepend>
<img src="../assets/icons/GCG.svg" alt="gcgIcon" class="side-icon"> <img src="../assets/icons/GCG.svg" alt="gcgIcon" class="side-icon">
</template> </template>
</v-list-item> </v-list-item>
<v-list-item title="角色图鉴" value="wiki-character" link href="/wiki/character">
<template #prepend>
<!-- TODO: 后续更换图标-->
<v-icon style="color:#FDE7AC !important">
mdi-account
</v-icon>
</template>
</v-list-item>
<v-list-item title="武器图鉴" value="wiki-weapon" link href="/wiki/weapon">
<template #prepend>
<!-- TODO: 后续更换图标 -->
<v-icon style="color:#FDE7AC !important">
mdi-sword
</v-icon>
</template>
</v-list-item>
</v-list-group> </v-list-group>
<v-divider /> <v-divider />
<div class="bottom-menu"> <div class="bottom-menu">
@@ -129,7 +146,7 @@ const open = computed({
}, },
set (value: string[]) { set (value: string[]) {
appStore.sidebar.submenu.mihoyo = value.includes("mihoyo"); appStore.sidebar.submenu.mihoyo = value.includes("mihoyo");
appStore.sidebar.submenu.database = value.includes("database"); appStore.sidebar.submenu.wiki = value.includes("wiki");
}, },
}); });

6
src/store/modules/app.ts
View File

@@ -33,7 +33,7 @@ export const useAppStore = defineStore(
// 米游社 // 米游社
mihoyo: false, mihoyo: false,
// 数据库 // 数据库
database: false, wiki: false,
}, },
}); });
// 开发者模式 // 开发者模式
@@ -60,11 +60,13 @@ export const useAppStore = defineStore(
function init (): void { function init (): void {
loading.value = false; loading.value = false;
devMode.value = false; devMode.value = false;
sidebar.submenu.mihoyo = false;
sidebar.submenu.wiki = false;
} }
function getSubmenu (): string[] { function getSubmenu (): string[] {
const open = []; const open = [];
if (sidebar.submenu.database) open.push("database"); if (sidebar.submenu.wiki) open.push("wiki");
if (sidebar.submenu.mihoyo) open.push("mihoyo"); if (sidebar.submenu.mihoyo) open.push("mihoyo");
return open; return open;
} }