From edb2afbdb32216634cc2cfbedf78b0b29199bdcd Mon Sep 17 00:00:00 2001
From: zhangjing1 <zhangjing@shopex.cn>
Date: Tue, 3 Mar 2026 10:58:09 +0800
Subject: [PATCH] bug(ECX-8040):

---
 src/components/sp-page/header.js  | 2 +-
 src/components/sp-page/index.scss | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/sp-page/header.js b/src/components/sp-page/header.js
index fd68ad05f..8e754e7ac 100644
--- a/src/components/sp-page/header.js
+++ b/src/components/sp-page/header.js
@@ -204,7 +204,7 @@ const CustomNavigationHeader = memo((props) => {
           className={classNames('header-container', { 'has-nearby': hasNearby })}
           style={styleNames({ width: `calc(100% - ${navigationRSpace}px)`,...(showHeaderContent ? containerStyle() : {})})}
         >
-          <View className='header-container-left'>
+          <View className='header-container-left' style={styleNames({ width: `${navigationRSpace}px` })}>
             {/* 左侧：返回、首页、功能区三者只显示一个 */}
             {showHeaderContent && showFunctionArea ? (
               <>
diff --git a/src/components/sp-page/index.scss b/src/components/sp-page/index.scss
index 7875c0505..ae3fa94ba 100644
--- a/src/components/sp-page/index.scss
+++ b/src/components/sp-page/index.scss
@@ -8,6 +8,8 @@
   .header-container-left {
     display: flex;
     align-items: center;
+    box-sizing: border-box;
+    padding-left: 30px;
   }
   .title-container {
     display: flex;
@@ -139,7 +141,6 @@
 
     .header-container {
       height: 100%;
-      padding: 0 30px 0 35px;
       position: relative;
       display: flex;
       align-items: center;
@@ -154,7 +155,7 @@
 
       &.has-nearby {
         .title-function.nearby-function {
-          max-width: 168px;
+          max-width: 100%;
           flex-shrink: 0;
           text-align: center;
           display: flex;