From 607ea47d72003169fcb0c23f0f549a3e41b5d9d5 Mon Sep 17 00:00:00 2001
From: R2m1liA <15258427350@163.com>
Date: Tue, 9 Sep 2025 16:45:08 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4=E9=A1=B5=E9=A6=96?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将菜单栏置于中央
---
 app/components/JinshenHeader.vue | 53 +++++++++++++++++++-------------
 1 file changed, 31 insertions(+), 22 deletions(-)

diff --git a/app/components/JinshenHeader.vue b/app/components/JinshenHeader.vue
index aa23a5c..f3f3db9 100644
--- a/app/components/JinshenHeader.vue
+++ b/app/components/JinshenHeader.vue
@@ -6,28 +6,30 @@
             </NuxtLink>
         </div>
 
-        <!-- 导航菜单 -->
-        <el-menu
-:default-active="activeName" class="header-menu" mode="horizontal" :ellipsis="false"
-            :persistent="false" router>
-            <el-menu-item index="productions" :route="$localePath('/productions')">
-                <span class="title">{{ $t('navigation.productions') }}</span>
-            </el-menu-item>
-            <el-menu-item index="solutions" :route="$localePath('/solutions')">
-                <span class="title">{{ $t('navigation.solutions') }}</span>
-            </el-menu-item>
-            <el-menu-item index="support" :route="$localePath('/support')">
-                <span class="title">{{ $t('navigation.support') }}</span>
-            </el-menu-item>
-            <el-menu-item index="about" :route="$localePath('/about')">
-                <span class="title">{{ $t('navigation.about-us') }}</span>
-            </el-menu-item>
-        </el-menu>
+        <div class="header-menu-section">
+            <!-- 导航菜单 -->
+            <el-menu :default-active="activeName" class="header-menu" mode="horizontal" :ellipsis="false"
+                :persistent="false" router>
+                <el-menu-item index="productions" :route="$localePath('/productions')">
+                    <span class="title">{{ $t('navigation.productions') }}</span>
+                </el-menu-item>
+                <el-menu-item index="solutions" :route="$localePath('/solutions')">
+                    <span class="title">{{ $t('navigation.solutions') }}</span>
+                </el-menu-item>
+                <el-menu-item index="support" :route="$localePath('/support')">
+                    <span class="title">{{ $t('navigation.support') }}</span>
+                </el-menu-item>
+                <el-menu-item index="about" :route="$localePath('/about')">
+                    <span class="title">{{ $t('navigation.about-us') }}</span>
+                </el-menu-item>
+            </el-menu>
+        </div>
+
+
 
         <!-- 右侧功能区 -->
         <div class="header-actions">
-            <el-input
-v-model="searchQuery" class="search-input" :placeholder="$t('search-placeholder')"
+            <el-input v-model="searchQuery" class="search-input" :placeholder="$t('search-placeholder')"
                 :prefix-icon="Search" clearable @keyup.enter="handleSearch" />
             <el-dropdown @command="setLocale">
                 <el-link type="info" :underline="false">
@@ -90,7 +92,6 @@ onMounted(() => {
 
 <style scoped>
 .header-container {
-    margin: 0 auto;
     padding: 0 10px;
     display: flex;
     height: 80px;
@@ -101,7 +102,6 @@ onMounted(() => {
 .logo-section {
     display: flex;
     flex: 1;
-    align-items: center;
     margin-left: 20px;
 }
 
@@ -116,6 +116,14 @@ onMounted(() => {
     width: auto;
 }
 
+
+.header-menu-section {
+    flex: 2;
+    display: flex;
+    justify-content: center;
+    height: 100%;
+}
+
 .header-menu {
     margin-right: 40px;
     border-bottom: none !important;
@@ -138,8 +146,9 @@ onMounted(() => {
 }
 
 .header-actions {
+    flex: 1;
+    justify-content: flex-end;
     display: flex;
-    align-items: center;
     gap: 16px;
 }