From c51a7854f34fd42d07edeb847079ee7360d4e12c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B7=84=E5=8D=9A=E9=BD=90=E7=9B=9B=E9=AB=98=E7=BA=A7?=
 =?UTF-8?q?=E4=B8=AD=E5=AD=A6=20-=20=E9=9D=9E=E5=AE=98=E6=96=B9?=
 <qsgz2023ji5ban@edicdn.eu.org>
Date: Fri, 23 Aug 2024 10:18:21 +0800
Subject: [PATCH 1/3] =?UTF-8?q?chore:=20=E7=AE=80=E5=8D=95=E7=9A=84?=
 =?UTF-8?q?=E9=A2=9C=E8=89=B2=E5=92=8C=E5=8A=A8=E7=94=BB=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/pages/mainWindow.vue | 34 +++++++++++++++++++++++----
 1 file changed, 30 insertions(+), 4 deletions(-)

diff --git a/src/renderer/src/pages/mainWindow.vue b/src/renderer/src/pages/mainWindow.vue
index 9a50ecb..eb4d545 100644
--- a/src/renderer/src/pages/mainWindow.vue
+++ b/src/renderer/src/pages/mainWindow.vue
@@ -2,14 +2,14 @@
   <v-container class="main-container" fill-height>
     <v-row justify="center" align="center">
       <v-col cols="12" md="4">
-        <v-card class="pa-4" outlined>
-          <v-btn block color="primary" dark @click="openDialog"> 打开配置 </v-btn>
+        <v-card class="pa-4 fade-in slide-in" outlined>
+          <v-btn block color="deep-purple accent-4" dark @click="openDialog">打开配置</v-btn>
           <p class="mt-2 text-center">打开 JSON 配置文件</p>
         </v-card>
       </v-col>
       <v-col cols="12" md="4" class="mt-4 mt-md-0">
-        <v-card class="pa-4" outlined>
-          <v-btn block color="success" dark @click="gotoInfoPage"> 直接进入看板 </v-btn>
+        <v-card class="pa-4 fade-in slide-in" outlined>
+          <v-btn block color="teal accent-4" dark @click="gotoInfoPage">直接进入看板</v-btn>
           <p class="mt-2 text-center">直接进入看板，将继续使用上次加载的配置</p>
         </v-card>
       </v-col>
@@ -50,6 +50,10 @@ window.electron.ipcRenderer.on('common:openFile', (event, message) => {
   width: 100%;
   max-width: 300px;
   margin: auto;
+  transition: transform 0.3s ease-in-out;
+}
+.v-card:hover {
+  transform: scale(1.05);
 }
 .v-btn {
   height: 48px;
@@ -57,4 +61,26 @@ window.electron.ipcRenderer.on('common:openFile', (event, message) => {
 .text-center {
   text-align: center;
 }
+.fade-in {
+  animation: fadeIn 1s ease-in-out;
+}
+.slide-in {
+  animation: slideIn 1s ease-in-out;
+}
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes slideIn {
+  from {
+    transform: translateY(20px);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
 </style>

From 18c2b5b5fa812f3bebf42f3a2db6a32bd2fe5afb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B7=84=E5=8D=9A=E9=BD=90=E7=9B=9B=E9=AB=98=E7=BA=A7?=
 =?UTF-8?q?=E4=B8=AD=E5=AD=A6=20-=20=E9=9D=9E=E5=AE=98=E6=96=B9?=
 <qsgz2023ji5ban@edicdn.eu.org>
Date: Fri, 23 Aug 2024 10:19:06 +0800
Subject: [PATCH 2/3] =?UTF-8?q?fix:=20=E6=9B=B4=E6=94=B9=E8=AF=B4=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/components/AppTopBar.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/components/AppTopBar.vue b/src/renderer/src/components/AppTopBar.vue
index 9eeb15c..a374be1 100644
--- a/src/renderer/src/components/AppTopBar.vue
+++ b/src/renderer/src/components/AppTopBar.vue
@@ -5,7 +5,7 @@
       new Date().toLocaleTimeString('en-US', {
         hour: 'numeric',
         minute: 'numeric',
-        hour12: true
+        hour12: false
       })
     }}</span>
   </v-system-bar>
@@ -14,7 +14,7 @@
 
     <template #append>
       <div class="ga-4">
-        <v-btn @click="router.push('/mainWindow')">菜单</v-btn>
+        <v-btn @click="router.push('/mainWindow')">回到主页</v-btn>
       </div>
     </template>
   </v-app-bar>

From d7a35cdf72a0cc2112057d671d589b4dd0d14fe9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B7=84=E5=8D=9A=E9=BD=90=E7=9B=9B=E9=AB=98=E7=BA=A7?=
 =?UTF-8?q?=E4=B8=AD=E5=AD=A6=20-=20=E9=9D=9E=E5=AE=98=E6=96=B9?=
 <qsgz2023ji5ban@edicdn.eu.org>
Date: Fri, 23 Aug 2024 10:22:25 +0800
Subject: [PATCH 3/3] =?UTF-8?q?add:=20=E7=82=B9=E5=87=BB=E6=97=B6=E9=97=B4?=
 =?UTF-8?q?=E6=9B=B4=E6=8D=A2=E6=98=BE=E7=A4=BA=E5=A4=A7=E5=B0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/components/Clock.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/renderer/src/components/Clock.vue b/src/renderer/src/components/Clock.vue
index bec4779..c11f8c6 100644
--- a/src/renderer/src/components/Clock.vue
+++ b/src/renderer/src/components/Clock.vue
@@ -1,7 +1,7 @@
 <template>
-  <v-card class="mx-auto" max-width="600">
+  <v-card class="mx-auto" max-width="750">
     <v-card-text class="text-center">
-      <div class="display-1 font-weight-bold">
+      <div class="display-1 font-weight-bold" @click="cycleFontSize">
         {{ formattedTime }}
       </div>
     </v-card-text>
@@ -15,13 +15,15 @@ import moment from 'moment';
 
 // 使用ref来存储当前时间
 const formattedTime = ref('');
+const fontSizeIndex = ref(2); // 默认字体大小为7rem
+const fontSizes = ['3rem', '5rem', '7rem'];//不同分辨率适合使用不同大小的字体
 
 // 在页面加载完成后初始化时间
 onMounted(() => {
   updateTime();
 });
 
-const formatDateTime = (isoString) => moment(isoString).format('HH:mm:ss');
+const formatDateTime = (isoString: moment.MomentInput) => moment(isoString).format('HH:mm:ss');
 
 // 更新时间的函数
 function updateTime() {
@@ -31,10 +33,15 @@ function updateTime() {
 
 // 每隔一分钟更新一次时间
 useIntervalFn(updateTime, 250);
+
+// 切换字体大小的函数
+function cycleFontSize() {
+  fontSizeIndex.value = (fontSizeIndex.value + 1) % fontSizes.length;
+}
 </script>
 
 <style scoped>
 .display-1 {
-  font-size: 5rem; /* 调整字号以适应大屏幕 */
+  font-size: v-bind(fontSizes[fontSizeIndex]); /* 动态绑定字体大小 */
 }
 </style>