🍱 替换首页&默认用户 icon

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 7.6 KiB

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;

View File

@@ -29,7 +29,7 @@
未登录请扫码登录
</v-list-item-subtitle>
<template #prepend>
<img class="config-icon" :src="userInfo?.avatar" alt="Login" />
<img class="config-icon user" :src="userInfo?.avatar" alt="Login" />
</template>
<template #append>
<v-btn class="config-btn" @click="confirmScanLogin">扫码登录</v-btn>
@@ -207,7 +207,7 @@ const userInfo = computed(() => {
nickname: "未登录",
uid: "-1",
desc: "请扫码登录",
avatar: "/source/UI/defaultUser.webp",
avatar: "/source/UI/lumine.webp",
};
});
const vuetifyTheme = computed(() => {
@@ -659,6 +659,11 @@ function submitHome(): void {
box-shadow: 0 0 5px var(--common-shadow-1);
}
.config-icon.user {
padding: 2px;
border-radius: 50%;
}
.config-btn {
width: 100px;
margin-left: 20px;

View File

@@ -1,14 +1,14 @@
/**
* @file plugins Mys utils getGachaCard.ts
* @file plugins/Mys/utils/getGachaCard.ts
* @description Mys 插件抽卡工具
* @since Beta v0.3.3
* @since Beta v0.3.9
*/
import getPostData from "../request/getPostData";
/**
* @description 根据卡池信息转为渲染用的卡池信息
* @since Beta v0.3.3
* @since Beta v0.3.9
* @param {TGApp.Plugins.Mys.Gacha.Data[]} gachaData 卡池信息
* @param {Record<number, string>} poolCover 卡池封面
* @returns {Promise<TGApp.Plugins.Mys.Gacha.RenderCard[]>}
@@ -47,7 +47,7 @@ async function getGachaCard(
url: character.url,
})),
voice: {
icon: data.voice_icon || "/source/UI/defaultUser.webp",
icon: data.voice_icon || "/source/UI/lumine.webp",
url: data.voice_url,
},
time: {