From 0f10c289795bae078469c1c298e83ee0808db286 Mon Sep 17 00:00:00 2001
From: Default User <user@example.com>
Date: Tue, 27 Jan 2026 15:09:38 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=A0=87=E9=A2=98=E6=A0=8F?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=EF=BC=8C=E5=B0=86=E8=BF=94=E5=9B=9E=E3=80=81?=
 =?UTF-8?q?=E8=81=94=E7=B3=BB=E5=AE=A2=E6=9C=8D=E5=92=8C=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E6=8C=89=E9=92=AE=E6=94=BE=E5=9C=A8=E5=90=8C?=
 =?UTF-8?q?=E4=B8=80=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 supply.html | 76 +++++++++++++++++++++++++++++------------------------
 1 file changed, 41 insertions(+), 35 deletions(-)

diff --git a/supply.html b/supply.html
index 1aed1fc..fb8a437 100644
--- a/supply.html
+++ b/supply.html
@@ -28,51 +28,49 @@
         .title-bar {
             background-color: #1677ff;
             color: white;
-            padding: 12px 15px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
+            padding: 15px;
             position: sticky;
             top: 0;
             z-index: 100;
-            flex-wrap: nowrap;
+            display: flex;
+            flex-direction: column;
             gap: 10px;
         }
         
+        .title-bar-top {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+        
         .title-bar h1 {
             margin: 0;
             font-size: 18px;
             font-weight: 500;
-            flex: 1;
-            text-align: center;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
         }
         
-        .title-bar-actions {
+        .title-bar-bottom {
             display: flex;
-            gap: 8px;
+            justify-content: space-between;
             align-items: center;
-            flex-shrink: 0;
+            flex-wrap: nowrap;
+            gap: 10px;
         }
         
-        .title-bar-actions button {
-            background-color: rgba(255, 255, 255, 0.2);
-            color: white;
-            border: 1px solid rgba(255, 255, 255, 0.3);
-            padding: 8px 16px;
-            border-radius: 20px;
-            font-size: 14px;
-            cursor: pointer;
-            transition: all 0.3s ease;
-            white-space: nowrap;
-            backdrop-filter: blur(10px);
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-            flex-shrink: 0;
+        .title-bar-left {
+            display: flex;
+            align-items: center;
+            gap: 10px;
         }
         
-        .title-bar-actions button:hover {
+        .title-bar-right {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        
+        /* 按钮悬停效果 */
+        .title-bar button:hover {
             background-color: rgba(255, 255, 255, 0.3);
         }
         
@@ -1299,16 +1297,24 @@
     <div class="container">
         <!-- 标题栏 -->
         <div class="title-bar">
-            <div style="display: flex; align-items: center; gap: 10px; width: 100%;">
-                <button onclick="window.location.href='SupplierReview.html'" style="background-color: rgba(255, 255, 255, 0.2); color: white; border: 1px solid rgba(255, 255, 255, 0.3); padding: 6px 12px; border-radius: 16px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); flex-shrink: 0;">
-                    返回
-                </button>
-                <h1 style="margin: 0; flex: 1; text-align: center;">我的货源</h1>
-                <div style="display: flex; align-items: center; gap: 8px;">
-                    <button onclick="contactCustomerService()" style="background-color: rgba(255, 255, 255, 0.2); color: white; border: 1px solid rgba(255, 255, 255, 0.3); padding: 6px 12px; border-radius: 16px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); flex-shrink: 0;">
+            <!-- 顶部标题 -->
+            <div class="title-bar-top">
+                <h1>我的货源</h1>
+            </div>
+            <!-- 底部按钮栏 -->
+            <div class="title-bar-bottom">
+                <!-- 左侧：返回按钮 -->
+                <div class="title-bar-left">
+                    <button onclick="window.location.href='SupplierReview.html'" style="background-color: rgba(255, 255, 255, 0.2); color: white; border: 1px solid rgba(255, 255, 255, 0.3); padding: 6px 12px; border-radius: 15px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); flex-shrink: 0;">
+                        返回
+                    </button>
+                </div>
+                <!-- 右侧：联系客服和用户信息 -->
+                <div class="title-bar-right">
+                    <button onclick="contactCustomerService()" style="background-color: rgba(255, 255, 255, 0.2); color: white; border: 1px solid rgba(255, 255, 255, 0.3); padding: 6px 12px; border-radius: 15px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); flex-shrink: 0;">
                         联系客服
                     </button>
-                    <button class="apply-settlement-btn" style="background-color: rgba(255, 255, 255, 0.2); color: white; border: 1px solid rgba(255, 255, 255, 0.3); padding: 6px 12px; border-radius: 16px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); flex-shrink: 0;">
+                    <button class="apply-settlement-btn" style="background-color: rgba(255, 255, 255, 0.2); color: white; border: 1px solid rgba(255, 255, 255, 0.3); padding: 6px 12px; border-radius: 15px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); flex-shrink: 0;">
                         已入驻
                     </button>
                 </div>