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

🍱 替换首页&默认用户 icon

Browse Source
This commit is contained in:
BTMuli
2023-12-27 15:40:41 +08:00
parent 6e5b3016f1
commit 22175442e5
6 changed files with 22 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -18,7 +18,7 @@
<v-list-item value="home" :link="true" href="/" :title.attr="'首页'">
<template #title>首页</template>
<template #prepend>
<img src="/source/UI/paimon.webp" alt="homeIcon" class="side-icon" />
<img src="/source/UI/paimon.webp" alt="homeIcon" class="side-icon paimon" />
</template>
</v-list-item>
<v-list-item :title.attr="'公告'" value="announcements" :link="true" href="/announcements">
@@ -170,7 +170,7 @@
<v-list-item :title.attr="userInfo.nickname" v-bind="props">
<template #title>{{ userInfo.nickname }}</template>
<template #prepend>
<img :src="userInfo.avatar" alt="userIcon" class="side-icon" />
<img :src="userInfo.avatar" alt="userIcon" class="side-icon paimon" />
</template>
</v-list-item>
</template>
@@ -202,7 +202,7 @@
v-show="userStore.cookie.value?.game_token === ''"
>
<template #prepend>
<img src="/source/UI/defaultUser.webp" class="side-icon-menu" alt="login" />
<img src="/source/UI/lumine.webp" class="side-icon-menu" alt="login" />
</template>
</v-list-item>
</v-list>
@@ -246,7 +246,7 @@ const userInfo = computed(() => {
if (info && info.nickname) return info;
return {
nickname: "未登录",
avatar: "/source/UI/defaultUser.webp",
avatar: "/source/UI/lumine.webp",
};
});
const rail = ref(appStore.sidebar.collapse);
@@ -325,6 +325,13 @@ function login(): void {
margin-right: 32px;
}
.side-icon.paimon {
width: 32px;
height: 32px;
margin-right: 24px;
transform: translateX(-4px);
}
.side-list-menu {
background: var(--app-side-bg) !important;
color: var(--app-side-content) !important;