From 9b8373e46f7804c039165c6834b2e079b5b802ee Mon Sep 17 00:00:00 2001
From: dingjiahuichina <dingjiahui4@huawei.com>
Date: Wed, 3 Dec 2025 09:10:25 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=88=B7=E6=96=B0?=
 =?UTF-8?q?=E6=97=B6=E9=97=B4=E4=B8=8E=E5=88=B7=E6=96=B0=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E9=81=AE=E6=8C=A1=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/layout/index.vue | 57 +++++++++++++++++------------------
 frontend/src/views/Home.vue   |  3 +-
 2 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/frontend/src/layout/index.vue b/frontend/src/layout/index.vue
index da6c555..d3a13fd 100644
--- a/frontend/src/layout/index.vue
+++ b/frontend/src/layout/index.vue
@@ -71,12 +71,12 @@
           <el-menu-item index="5">{{ t('nav.feedback') }}</el-menu-item>
           <el-menu-item index="6" @click="isLogVisible = true">{{ t('nav.log') }}</el-menu-item>
         </el-menu>
-      </div>
-
-      <!-- 右侧更新时间 + 按钮 -->
-      <div class="update-time">
-        {{ t('nav.updateTime') }}{{ updateTime }}
-        <el-icon class="sync"><IconLoad @click="handleSync" /></el-icon>
+        
+        <!-- 右侧更新时间 + 按钮 -->
+        <div class="update-time">
+          {{ t('nav.updateTime') }}{{ updateTime }}
+          <el-icon class="sync"><IconLoad @click="handleSync" /></el-icon>
+        </div>
       </div>
 
       <!--  日志弹窗 -->
@@ -291,9 +291,9 @@ onMounted(async () => {
   display: flex;
   flex-direction: column;
   background-image: url("@/assets/img/background.svg");
-  background-size: 100% auto;
+  background-size: cover;
   background-repeat: no-repeat;
-  background-position: center top;
+  background-position: center center;
   background-attachment: fixed;
 
   .titlebar {
@@ -417,10 +417,11 @@ onMounted(async () => {
     .navbar {
       width: 100%;
       display: flex;
-      justify-content: space-around;
+      justify-content: space-between;
+      align-items: center;
 
       .navbar-menu {
-        width: 100%;
+        flex: 1;
         height: 56px;
         border: none;
         background-color: transparent;
@@ -435,26 +436,24 @@ onMounted(async () => {
           }
         }
       }
-    }
 
-    .update-time {
-      margin-right: 8px;
-      height: 56px;
-      line-height: 56px;
-      position: fixed;
-      top: 40px;
-      right: 24px;
-      color: var(--o-text-color-tertiary);
-      display: flex;
-      align-items: center;
-      z-index: 999;
-      .sync, .sync > svg{
-        width: 24px;
-        height: 24px;
-        cursor: pointer;
-      }
-      .sync {
-        margin-left: 8px;
+      .update-time {
+        height: 56px;
+        line-height: 56px;
+        color: var(--o-text-color-tertiary);
+        display: flex;
+        align-items: center;
+        flex-shrink: 0;
+        white-space: nowrap;
+        padding-left: 16px;
+        .sync, .sync > svg{
+          width: 24px;
+          height: 24px;
+          cursor: pointer;
+        }
+        .sync {
+          margin-left: 8px;
+        }
       }
     }
   }
diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index 308a9b3..c2e32a1 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -119,7 +119,7 @@ const initStateFromRoute = (): HomePageState => {
     oedpCount: 0,
     itemList: [],
     currentPage: parseInt(route.query.curPage as string) || 1,
-    pageSize: parseInt(route.query.pageSize as string) || 10,
+    pageSize: parseInt(route.query.pageSize as string) || 20,
     activeSortTab: (route.query.sort as string) || 'rec',
     activeTab: (route.query.tag as string) || 'mcp',
     tag: (route.query.tag as string) || 'mcp'
@@ -457,6 +457,7 @@ onUnmounted(() => {
   display: flex;
   flex-direction: column;
   align-items: center;
+  padding-bottom: 8px;
   .statics {
     display: flex;
     margin: 32px 0 24px;
-- 
Gitee