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