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

💄 feat(icon): 更换图标

Browse Source
This commit is contained in:
BTMuli
2023-05-07 14:22:16 +08:00
parent 066ab60b28
commit e9e5c0a627
5 changed files with 20 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -48,6 +48,11 @@
<img src="/platforms/mhy/ys.webp" alt="ys" class="side-icon">
</template>
</v-list-item>
<v-list-item title="星穹铁道" value="mhy-sr" link href="/news/6">
<template #prepend>
<img src="/platforms/mhy/sr.webp" alt="sr" class="side-icon">
</template>
</v-list-item>
<v-list-item title="崩坏3" value="mhy-bh3" link href="/news/1">
<template #prepend>
<img src="/platforms/mhy/bh3.webp" alt="bh3" class="side-icon">
@@ -63,11 +68,6 @@
<img src="/platforms/mhy/wd.webp" alt="wd" class="side-icon">
</template>
</v-list-item>
<v-list-item title="星穹铁道" value="mhy-sr" link href="/news/6">
<template #prepend>
<img src="/platforms/mhy/sr.webp" alt="sr" class="side-icon">
</template>
</v-list-item>
<v-list-item title="绝区零" value="mhy-zzz" link href="/news/8">
<template #prepend>
<img src="/platforms/mhy/zzz.webp" alt="zzz" class="side-icon">
@@ -84,10 +84,7 @@
<template #activator="{ props }">
<v-list-item title="图鉴" v-bind="props">
<template #prepend>
<!-- TODO: 后续更换图标-->
<v-icon style="color:var(--sidebar-icon)">
mdi-book-open-variant
</v-icon>
<img src="/source/UI/guideMini.webp" alt="wikiIcon" class="side-icon-mini">
</template>
</v-list-item>
</template>
@@ -98,18 +95,12 @@
</v-list-item>
<v-list-item title="角色图鉴" value="wiki-character" link href="/wiki/character">
<template #prepend>
<!-- TODO: 后续更换图标-->
<v-icon style="color:var(--sidebar-icon)">
mdi-account
</v-icon>
<img src="/source/UI/avatarMini.webp" alt="characterIcon" class="side-icon-mini">
</template>
</v-list-item>
<v-list-item title="武器图鉴" value="wiki-weapon" link href="/wiki/weapon">
<template #prepend>
<!-- TODO: 后续更换图标 -->
<v-icon style="color:var(--sidebar-icon)">
mdi-sword
</v-icon>
<img src="/source/UI/weaponMini.webp" alt="weaponIcon" class="side-icon-mini">
</template>
</v-list-item>
</v-list-group>
@@ -217,4 +208,11 @@ async function switchTheme () {
margin-right: 32px;
border-radius: 5px;
}
.side-icon-mini {
width: 36px;
height: 36px;
transform: translateX(-6px);
margin-right: 20px;
}
</style>