bug(ECX-8040):

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 ? (
               <>

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;