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-group>
<v-divider />
<v-list-group value="database" fluid>
<v-list-group value="wiki" fluid>
<template #activator="{ props }">
<v-list-item title="数据库" v-bind="props">
<v-list-item title="图鉴" v-bind="props">
<template #prepend>
<!-- TODO: 后续更换图标-->
<v-icon color="rgb(205, 182, 145)">
mdi-database
mdi-book-open-variant
</v-icon>
</template>
</v-list-item>
</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>
<img src="../assets/icons/GCG.svg" alt="gcgIcon" class="side-icon">
</template>
</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-divider />
<div class="bottom-menu">
@@ -129,7 +146,7 @@ const open = computed({
},
set (value: string[]) {
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,
// 数据库
database: false,
wiki: false,
},
});
// 开发者模式
@@ -60,11 +60,13 @@ export const useAppStore = defineStore(
function init (): void {
loading.value = false;
devMode.value = false;
sidebar.submenu.mihoyo = false;
sidebar.submenu.wiki = false;
}
function getSubmenu (): string[] {
const open = [];
if (sidebar.submenu.database) open.push("database");
if (sidebar.submenu.wiki) open.push("wiki");
if (sidebar.submenu.mihoyo) open.push("mihoyo");
return open;
}