From bdc62a2975d52833d7a6da8833421893fc8cfdb0 Mon Sep 17 00:00:00 2001
From: dmy <dmy@dmy.com>
Date: Mon, 19 Jan 2026 17:05:04 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E9=A1=B6=E9=83=A8=E5=AF=BC=E8=88=AA=E6=A0=8F=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=92=8C=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.vue | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 0f77b8e..d89c392 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -3,11 +3,11 @@
     <!-- 移动端顶部导航栏 -->
     <el-header v-if="isMobile" class="mobile-header">
       <div class="mobile-header-content">
-        <el-button type="primary" link @click="toggleSidebar">
+        <el-button type="primary" link @click="toggleSidebar" class="header-btn">
           <el-icon :size="24"><Fold /></el-icon>
         </el-button>
-        <span v-if="!isMobile" class="mobile-title">投标信息一览</span>
-        <el-button type="primary" link @click="handleLogout" v-if="currentUser">
+        <span v-if="isMobile" class="mobile-title">投标信息一览</span>
+        <el-button type="primary" link @click="handleLogout" v-if="currentUser" class="header-btn">
           <el-icon :size="24"><SwitchButton /></el-icon>
         </el-button>
       </div>
@@ -385,12 +385,21 @@ onUnmounted(() => {
   flex-direction: column;
 }
 
+.is-mobile .el-main {
+  padding-top: 60px;
+}
+
 .mobile-header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
   background-color: #434a50;
   color: white;
   padding: 0;
   height: 50px !important;
   line-height: 50px;
+  z-index: 1001;
 }
 
 .mobile-header-content {
@@ -401,6 +410,11 @@ onUnmounted(() => {
   padding: 0 10px;
 }
 
+.header-btn {
+  min-width: 44px;
+  min-height: 44px;
+}
+
 .mobile-title {
   font-size: 16px;
   font-weight: bold;