From 170594c4460dc5a466c5141d310a4f5a42715313 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Mon, 27 Mar 2023 15:22:14 +0800
Subject: [PATCH] =?UTF-8?q?style(css):=20=E5=88=A0=E9=99=A4=E6=97=A0?=
 =?UTF-8?q?=E7=94=A8=20class?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Achievements.vue | 117 ++++++++++++++++++-------------------
 1 file changed, 57 insertions(+), 60 deletions(-)

diff --git a/src/pages/Achievements.vue b/src/pages/Achievements.vue
index 87a13b83..ff1ffd95 100644
--- a/src/pages/Achievements.vue
+++ b/src/pages/Achievements.vue
@@ -29,7 +29,6 @@
 			<!-- 左侧菜单 -->
 			<v-col class="left-wrap">
 				<v-card
-					class="left-list"
 					v-for="(series, index) in seriesList"
 					@click="selectSeries(index)"
 					style="margin-bottom: 10px"
@@ -49,66 +48,64 @@
 			</v-col>
 			<!-- 右侧内容-->
 			<v-col cols="9" class="right-wrap">
-				<div class="right-list">
-					<v-card
-						v-show="selectedIndex !== -1 && selectedSeries !== 0 && selectedSeries !== 17"
-						style="margin-bottom: 10px"
-						@click="openImg()"
+				<v-card
+					v-show="selectedIndex !== -1 && selectedSeries !== 0 && selectedSeries !== 17"
+					style="margin-bottom: 10px"
+					@click="openImg()"
+				>
+					<v-list
+						:style="{
+							backgroundImage: 'url(' + getCardInfo.bg || null + ')',
+							backgroundPosition: 'right',
+							backgroundSize: 'auto 100%',
+							backgroundRepeat: 'no-repeat',
+						}"
 					>
-						<v-list
-							:style="{
-								backgroundImage: 'url(' + getCardInfo.bg || null + ')',
-								backgroundPosition: 'right',
-								backgroundSize: 'auto 100%',
-								backgroundRepeat: 'no-repeat',
-							}"
-						>
-							<v-list-item>
-								<template v-slot:prepend>
-									<v-img width="80px" style="margin-right: 10px" :src="getCardInfo.icon" />
-								</template>
-								<v-list-item-title>{{ getCardInfo.name }}</v-list-item-title>
-								<v-list-item-subtitle>{{ getCardInfo.description }}</v-list-item-subtitle>
-							</v-list-item>
-						</v-list>
-					</v-card>
-					<v-card
-						v-for="achievement in selectedAchievement"
-						:key="achievement.id"
-						style="margin-bottom: 10px"
-					>
-						<v-list class="card-bg-right">
-							<v-list-item>
-								<template v-slot:prepend>
-									<v-icon :color="achievement.completed ? '#FFD22F' : '#393B40'">
-										{{ achievement.completed ? "mdi-check-circle" : "mdi-circle" }}
-									</v-icon>
-								</template>
-								<v-list-item-title>
-									{{ achievement.name }}
-									{{ achievement.progress !== 0 ? "| " + achievement.progress : null }}
-								</v-list-item-title>
-								<v-list-item-subtitle>{{ achievement.description }}</v-list-item-subtitle>
-								<template v-slot:append>
-									<span v-show="achievement.completed" class="right-time">{{
-										achievement.completed_time
-									}}</span>
-									<v-btn width="80px" class="reward-btn">
-										<template v-slot:append>
-											<img
-												src="/source/material/原石.webp"
-												alt="原石"
-												class="icon"
-												style="width: 32px"
-											/>
-										</template>
-										{{ achievement.reward }}
-									</v-btn>
-								</template>
-							</v-list-item>
-						</v-list>
-					</v-card>
-				</div>
+						<v-list-item>
+							<template v-slot:prepend>
+								<v-img width="80px" style="margin-right: 10px" :src="getCardInfo.icon" />
+							</template>
+							<v-list-item-title>{{ getCardInfo.name }}</v-list-item-title>
+							<v-list-item-subtitle>{{ getCardInfo.description }}</v-list-item-subtitle>
+						</v-list-item>
+					</v-list>
+				</v-card>
+				<v-card
+					v-for="achievement in selectedAchievement"
+					:key="achievement.id"
+					style="margin-bottom: 10px"
+				>
+					<v-list class="card-bg-right">
+						<v-list-item>
+							<template v-slot:prepend>
+								<v-icon :color="achievement.completed ? '#FFD22F' : '#393B40'">
+									{{ achievement.completed ? "mdi-check-circle" : "mdi-circle" }}
+								</v-icon>
+							</template>
+							<v-list-item-title>
+								{{ achievement.name }}
+								{{ achievement.progress !== 0 ? "| " + achievement.progress : null }}
+							</v-list-item-title>
+							<v-list-item-subtitle>{{ achievement.description }}</v-list-item-subtitle>
+							<template v-slot:append>
+								<span v-show="achievement.completed" class="right-time">{{
+									achievement.completed_time
+								}}</span>
+								<v-btn width="80px" class="reward-btn">
+									<template v-slot:append>
+										<img
+											src="/source/material/原石.webp"
+											alt="原石"
+											class="icon"
+											style="width: 32px"
+										/>
+									</template>
+									{{ achievement.reward }}
+								</v-btn>
+							</template>
+						</v-list-item>
+					</v-list>
+				</v-card>
 			</v-col>
 		</v-row>
 	</div>