From d9bbe4e7fe8c95fc7fa6e4b1a9941a86b96e0ece Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Wed, 27 Mar 2024 16:02:49 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/themes/default.css      |  4 ++--
 src/components/home/t-calendar.vue |  7 +++----
 src/components/home/t-homecard.vue |  9 ++++++---
 src/components/home/t-pool.vue     | 16 +++-------------
 src/components/home/t-position.vue | 10 ++--------
 src/components/main/t-postcard.vue |  1 +
 6 files changed, 17 insertions(+), 30 deletions(-)

diff --git a/src/assets/themes/default.css b/src/assets/themes/default.css
index 5625fd76..e47e5de9 100644
--- a/src/assets/themes/default.css
+++ b/src/assets/themes/default.css
@@ -13,12 +13,12 @@ html.default {
   --app-side-content: #222222;
 
   /* box container */
-  --box-bg-1: #ebe7df;
+  --box-bg-1: #f9f6f2;
   --box-bg-2: #f2f9f6;
   --box-bg-3: #dee4e9;
   --box-bg-4: #f5f5f5;
 
-  --box-bg-blue: var(--tgc-blue-2);
+  --box-bg-blue: #249ffd;
 
   /* box bg transparent */
   --box-bg-t-1: var(--tgc-dark-5);
diff --git a/src/components/home/t-calendar.vue b/src/components/home/t-calendar.vue
index 5cc187d7..df456e52 100644
--- a/src/components/home/t-calendar.vue
+++ b/src/components/home/t-calendar.vue
@@ -4,10 +4,9 @@
     <template #title-append>
       <v-switch
         class="tc-switch"
-        variant="outline"
-        :label="switchType === 'avatar' ? '角色' : '武器'"
         @change="switchType = switchType === 'avatar' ? 'weapon' : 'avatar'"
       />
+      {{ switchType === "avatar" ? "角色" : "武器" }}
     </template>
     <template #default>
       <div class="tc-top">
@@ -170,7 +169,7 @@ function getContents(day: number): void {
   height: 36px;
   align-items: center;
   justify-content: center;
-  color: var(--box-text-1);
+  margin-right: 5px;
 }
 
 .tc-btns {
@@ -182,8 +181,8 @@ function getContents(day: number): void {
 
 .calendar-grid {
   display: grid;
-  place-items: center flex-start;
   grid-gap: 10px;
   grid-template-columns: repeat(10, 1fr);
+  place-items: center flex-start;
 }
 </style>
diff --git a/src/components/home/t-homecard.vue b/src/components/home/t-homecard.vue
index 744f936c..9cff7f72 100644
--- a/src/components/home/t-homecard.vue
+++ b/src/components/home/t-homecard.vue
@@ -12,11 +12,11 @@
   </div>
 </template>
 <script lang="ts" setup>
-interface THomecardProps {
+interface THomeCardProps {
   append?: boolean;
 }
 
-const props = defineProps<THomecardProps>();
+const props = defineProps<THomeCardProps>();
 </script>
 <style lang="css" scoped>
 .thc-container {
@@ -41,14 +41,17 @@ const props = defineProps<THomecardProps>();
   background: var(--box-bg-blue);
   box-shadow: 0 0 5px var(--common-shadow-2);
   font-family: var(--font-title);
-  font-size: 20px;
 }
 
 .thc-title {
   left: 10px;
+  color: var(--tgc-white-4);
+  font-size: 20px;
 }
 
 .thc-append {
   right: 10px;
+  color: var(--tgc-white-1);
+  font-size: 16px;
 }
 </style>
diff --git a/src/components/home/t-pool.vue b/src/components/home/t-pool.vue
index b40934e0..0b0c0ecf 100644
--- a/src/components/home/t-pool.vue
+++ b/src/components/home/t-pool.vue
@@ -2,12 +2,8 @@
   <THomecard :append="hasNew">
     <template #title>限时祈愿</template>
     <template #title-append>
-      <v-switch
-        class="pool-switch"
-        variant="outline"
-        :label="showNew ? '查看当前祈愿' : '查看后续祈愿'"
-        @change="switchPool"
-      />
+      <v-switch class="pool-switch" @change="switchPool" />
+      {{ showNew ? "查看当前祈愿" : "查看后续祈愿" }}
     </template>
     <template #default>
       <div class="pool-grid">
@@ -240,18 +236,12 @@ onUnmounted(() => {
 </script>
 
 <style lang="css" scoped>
-.pool-title-right {
-  display: flex;
-  align-items: center;
-  justify-content: start;
-  gap: 15px;
-}
-
 .pool-switch {
   display: flex;
   height: 36px;
   align-items: center;
   justify-content: center;
+  margin-right: 5px;
 }
 
 .pool-grid {
diff --git a/src/components/home/t-position.vue b/src/components/home/t-position.vue
index aa2e78e7..e29fd3cb 100644
--- a/src/components/home/t-position.vue
+++ b/src/components/home/t-position.vue
@@ -3,12 +3,7 @@
     <template #title>近期活动</template>
     <template #default>
       <div class="position-grid">
-        <v-card
-          v-for="card in positionCards"
-          :key="card.postId"
-          class="position-card"
-          variant="outlined"
-        >
+        <v-card v-for="card in positionCards" :key="card.postId" rounded class="position-card">
           <v-list class="position-list">
             <v-list-item :title="card.title" :subtitle="card.abstract">
               <template #prepend>
@@ -114,8 +109,7 @@ onUnmounted(() => {
 }
 
 .position-card {
-  border: 1px solid var(--common-shadow-2);
-  border-radius: 5px;
+  border: none;
   background: var(--box-bg-1);
 }
 
diff --git a/src/components/main/t-postcard.vue b/src/components/main/t-postcard.vue
index 56836e2a..6b2152a9 100644
--- a/src/components/main/t-postcard.vue
+++ b/src/components/main/t-postcard.vue
@@ -199,6 +199,7 @@ function getPostCard(item: TGApp.Plugins.Mys.Post.FullData): TGApp.Plugins.Mys.N
   align-items: center;
   justify-content: center;
   aspect-ratio: 36 / 13;
+  background: var(--common-shadow-2);
 }
 
 .tpc-cover img {