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] =?UTF-8?q?chore:=20=E7=AE=80=E5=8D=95=E7=9A=84=E9=A2=9C?=
 =?UTF-8?q?=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>