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): 设置置底 #1

Browse Source
This commit is contained in:
BTMuli
2023-04-09 22:50:53 +08:00
parent 16b6db3a99
commit 20f3c8d00f
1 changed files with 20 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -98,11 +98,18 @@
</v-list-item>
</v-list-group>
<v-divider />
<v-list-item title="设置" value="config" link href="/config">
<template #prepend>
<img src="../assets/icons/setting.svg" alt="setting" class="side-icon">
</template>
</v-list-item>
<div class="bottom-menu">
<!-- <v-list-item :title="userInfo.nickname" value="user" link href="/user">
<template #prepend>
<img :src="userInfo.avatar" alt="userIcon" class="side-icon">
</template>
</v-list-item> -->
<v-list-item title="设置" value="config" link href="/config">
<template #prepend>
<img src="../assets/icons/setting.svg" alt="setting" class="side-icon">
</template>
</v-list-item>
</div>
</v-list>
</v-navigation-drawer>
</template>
@@ -116,6 +123,7 @@ import { useAppStore } from "../store/modules/app";
const appStore = useAppStore();
const rail = ref(appStore.sidebar.collapse);
const open = computed({
get () {
return appStore.getSubmenu();
@@ -135,6 +143,13 @@ function collapse () {
<style lang="css" scoped>
.side-list {
font-family: Genshin-Light, serif;
height: 100vh;
}
.bottom-menu {
position: absolute;
width: 100%;
bottom: 0;
}
.side-icon {