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

fix(achievements): 添加成就版本信息

Browse Source
This commit is contained in:
BTMuli
2023-04-03 08:49:33 +08:00
parent 92816d0412
commit 1383c8a4d1
1 changed files with 31 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/pages/Achievements.vue
View File

@@ -30,14 +30,17 @@
v-for="(series, index) in seriesList" v-for="(series, index) in seriesList"
@click="selectSeries(index)" @click="selectSeries(index)"
> >
<div class="version-icon-series">v{{ series.version }}</div>
<v-list-item> <v-list-item>
<template v-slot:prepend> <template v-slot:prepend>
<v-img width="40px" style="margin-right: 10px" :src="series.icon" /> <v-img width="40px" style="margin-right: 10px" :src="series.icon" />
</template> </template>
<v-list-item-title>{{ series.name }}</v-list-item-title> <v-list-item-title>
<v-list-item-subtitle {{ series.name }}
>{{ series.completed_count }} / {{ series.total_count }}</v-list-item-subtitle </v-list-item-title>
> <v-list-item-subtitle>
{{ series.completed_count }} / {{ series.total_count }}
</v-list-item-subtitle>
</v-list-item> </v-list-item>
</v-list> </v-list>
</v-col> </v-col>
@@ -75,6 +78,7 @@
<v-list-item-title> <v-list-item-title>
{{ achievement.name }} {{ achievement.name }}
{{ achievement.progress !== 0 ? "| " + achievement.progress : null }} {{ achievement.progress !== 0 ? "| " + achievement.progress : null }}
<span class="version-icon-single">v{{ achievement.version }}</span>
</v-list-item-title> </v-list-item-title>
<v-list-item-subtitle>{{ achievement.description }}</v-list-item-subtitle> <v-list-item-subtitle>{{ achievement.description }}</v-list-item-subtitle>
<template v-slot:append> <template v-slot:append>
@@ -366,6 +370,29 @@ async function exportJson() {
max-height: 90vh; max-height: 90vh;
font-family: Genshin-Light, "serif"; font-family: Genshin-Light, "serif";
} }
/* 版本信息 */
.version-icon-series {
font-family: Genshin, serif;
position: absolute;
right: 0;
bottom: 0;
text-align: center;
width: 80px;
background: #546d8b;
border-radius: 10px 0 0 0;
border-top: #ffffff 2px solid;
border-left: #ffffff 2px solid;
color: #fec90b;
font-size: 10px;
}
.version-icon-single {
font-family: Genshin, serif;
border-radius: 5px;
text-align: center;
color: #ff6d6d !important;
font-size: 10px;
}
/* 左侧系列 */ /* 左侧系列 */
.left-wrap { .left-wrap {