From cccf1f87c82d0750f0dc86e8a6269a275a1b3490 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Fri, 31 Mar 2023 19:30:01 +0800
Subject: [PATCH] =?UTF-8?q?fix(home):=20=E6=A0=B7=E5=BC=8F=E7=BE=8E?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/t-position.vue | 16 ++++++++--------
 src/pages/Home.vue            | 16 ++++++++++++++--
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/components/t-position.vue b/src/components/t-position.vue
index 97577ab2..e96c0764 100644
--- a/src/components/t-position.vue
+++ b/src/components/t-position.vue
@@ -1,16 +1,16 @@
 <template>
 	<v-list class="position-card">
 		<v-list-item>
-			<v-list-item-title style="color: #fec90b">近期活动</v-list-item-title>
+			<v-list-item-title style="color: #fec90b; margin-left: 10px">近期活动</v-list-item-title>
 			<div class="position-grid">
-				<v-card v-for="card in positionCards" style="background: #5c6474;color: #f4d8a8">
-					<v-list style="background: #5c6474;color: #f4d8a8">
+				<v-card v-for="card in positionCards" style="background: #5c6474; color: #faf7e8">
+					<v-list style="background: #5c6474; color: #f4d8a8">
 						<v-list-item :title="card.title" :subtitle="card.abstract">
-						<template v-slot:prepend>
-						<v-avatar>
-							<v-img :src="card.icon" />
-						</v-avatar>
-						</template>
+							<template v-slot:prepend>
+								<v-avatar>
+									<v-img :src="card.icon" />
+								</v-avatar>
+							</template>
 						</v-list-item>
 					</v-list>
 					<v-divider></v-divider>
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index eab1a893..a0785fdd 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -18,7 +18,9 @@
 						alt="voice"
 						style="display: inline-block"
 					/>
-					<v-card-title style="display: inline-block">{{ pool.title }}</v-card-title>
+					<v-card-title style="display: inline-block; color: #fec90b">{{
+						pool.title
+					}}</v-card-title>
 				</template>
 				<template v-slot:append>
 					<audio :src="pool.voice.url" controls />
@@ -100,7 +102,8 @@ onMounted(async () => {
 	await setInterval(() => {
 		poolCards.value.map(pool => {
 			poolTimeGet.value[pool.post_id] = getLastPoolTime(pool.time.end_stamp - Date.now());
-			poolTimePass.value[pool.post_id] = (pool.time.end_stamp - Date.now()) / (pool.time.end_stamp - pool.time.start_stamp) * 100;
+			poolTimePass.value[pool.post_id] =
+				((pool.time.end_stamp - Date.now()) / (pool.time.end_stamp - pool.time.start_stamp)) * 100;
 		});
 	}, 1000);
 	loading.value = false;
@@ -140,6 +143,9 @@ async function toPost(pool: GachaCard) {
 
 .pool-card {
 	margin: 10px;
+	background: rgba(0, 0, 0, 0.5);
+	border-radius: 10px;
+	color: #faf7e8;
 }
 
 .Home-pool {
@@ -152,12 +158,14 @@ async function toPost(pool: GachaCard) {
 	height: auto;
 	margin-bottom: 10px;
 	overflow: hidden;
+	border-radius: 10px;
 }
 
 .pool-cover img {
 	width: 100%;
 	height: auto;
 	transition: all 0.5s;
+	border-radius: 10px;
 }
 
 .pool-cover :hover {
@@ -172,6 +180,10 @@ async function toPost(pool: GachaCard) {
 	display: flex;
 }
 
+.pool-character img {
+	border-radius: 10px;
+}
+
 .pool-icon {
 	width: 80px;
 	height: 80px;