From cceb85051051ca3cab893d4cfd5d08c4de2d560a Mon Sep 17 00:00:00 2001
From: hello8693 <1320998105@qq.com>
Date: Thu, 22 Aug 2024 21:14:07 +0800
Subject: [PATCH] =?UTF-8?q?refactor(renderer):=20=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E9=A1=B6=E9=83=A8=E6=A0=8F=E5=92=8C=E4=B8=BB=E7=AA=97=E5=8F=A3?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

更改顶部栏按钮文本为“菜单”。在主窗口页面中，将按钮移动至卡片内，并添加直接进入看板的按钮，以改善用户界面和用户体验。
---
 src/renderer/src/components/AppTopBar.vue |  2 +-
 src/renderer/src/pages/mainWindow.vue     | 44 +++++++++++++++++------
 2 files changed, 34 insertions(+), 12 deletions(-)

diff --git a/src/renderer/src/components/AppTopBar.vue b/src/renderer/src/components/AppTopBar.vue
index b8493a1..9eeb15c 100644
--- a/src/renderer/src/components/AppTopBar.vue
+++ b/src/renderer/src/components/AppTopBar.vue
@@ -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>
diff --git a/src/renderer/src/pages/mainWindow.vue b/src/renderer/src/pages/mainWindow.vue
index 29c50e3..9a50ecb 100644
--- a/src/renderer/src/pages/mainWindow.vue
+++ b/src/renderer/src/pages/mainWindow.vue
@@ -1,13 +1,17 @@
 <template>
-  <v-container>
-    <v-row>
-      <v-col cols="12">
-        <h1>电视猪考试看板</h1>
+  <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>
+          <p class="mt-2 text-center">打开 JSON 配置文件</p>
+        </v-card>
       </v-col>
-    </v-row>
-    <v-row>
-      <v-col cols="12">
-        <v-btn color="primary" dark @click="openDialog"> 打开配置 </v-btn>
+      <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>
+          <p class="mt-2 text-center">直接进入看板，将继续使用上次加载的配置</p>
+        </v-card>
       </v-col>
     </v-row>
   </v-container>
@@ -18,21 +22,39 @@ import { useRouter } from 'vue-router';
 import { useProfileStore } from '@renderer/stores/app';
 
 const globalStore = useProfileStore();
+const router = useRouter();
 
 function openDialog() {
   window.electron.ipcRenderer.send('prog:loadjson');
 }
 
+function gotoInfoPage() {
+  router.push('/infoPage');
+}
+
 window.electron.ipcRenderer.on('common:openFile', (event, message) => {
   console.log(message.data);
   const examData = JSON.parse(message.data);
   globalStore.$patch(examData);
   router.push('/infoPage');
 });
-
-const router = useRouter();
 </script>
 
 <style scoped>
-/* 根据需要添加额外的样式 */
+.main-container {
+  padding: 20px;
+  display: flex;
+  align-items: center;
+}
+.v-card {
+  width: 100%;
+  max-width: 300px;
+  margin: auto;
+}
+.v-btn {
+  height: 48px;
+}
+.text-center {
+  text-align: center;
+}
 </style>