From 1383c8a4d16d73713bc9057d4e6e8af2aa243521 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Mon, 3 Apr 2023 08:49:33 +0800
Subject: [PATCH] =?UTF-8?q?fix(achievements):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E6=88=90=E5=B0=B1=E7=89=88=E6=9C=AC=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Achievements.vue | 35 +++++++++++++++++++++++++++++++----
 1 file changed, 31 insertions(+), 4 deletions(-)

diff --git a/src/pages/Achievements.vue b/src/pages/Achievements.vue
index 72c493a2..391013ca 100644
--- a/src/pages/Achievements.vue
+++ b/src/pages/Achievements.vue
@@ -30,14 +30,17 @@
 					v-for="(series, index) in seriesList"
 					@click="selectSeries(index)"
 				>
+					<div class="version-icon-series">v{{ series.version }}</div>
 					<v-list-item>
 						<template v-slot:prepend>
 							<v-img width="40px" style="margin-right: 10px" :src="series.icon" />
 						</template>
-						<v-list-item-title>{{ series.name }}</v-list-item-title>
-						<v-list-item-subtitle
-							>{{ series.completed_count }} / {{ series.total_count }}</v-list-item-subtitle
-						>
+						<v-list-item-title>
+							{{ series.name }}
+						</v-list-item-title>
+						<v-list-item-subtitle>
+							{{ series.completed_count }} / {{ series.total_count }}
+						</v-list-item-subtitle>
 					</v-list-item>
 				</v-list>
 			</v-col>
@@ -75,6 +78,7 @@
 						<v-list-item-title>
 							{{ achievement.name }}
 							{{ achievement.progress !== 0 ? "| " + achievement.progress : null }}
+							<span class="version-icon-single">v{{ achievement.version }}</span>
 						</v-list-item-title>
 						<v-list-item-subtitle>{{ achievement.description }}</v-list-item-subtitle>
 						<template v-slot:append>
@@ -366,6 +370,29 @@ async function exportJson() {
 	max-height: 90vh;
 	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 {