diff --git a/src/components/sp-page/header.js b/src/components/sp-page/header.js
index 2e6142fac..5f53897c9 100644
--- a/src/components/sp-page/header.js
+++ b/src/components/sp-page/header.js
@@ -139,7 +139,7 @@ const CustomNavigationHeader = memo((props) => {
 
   const renderNearby = useCallback(() => {
     return (
-      <View className='title-function nearby-function' onClick={handleNearbyClick}>
+      <View className='title-function nearby-function' onClick={handleNearbyClick} style={{ color: value?.titleColor }}>
         <Text className='nearby-function-text'>
           {VERSION_STANDARD ? shopInfo?.name || '总店' : nearbyText || '选择地区'}
         </Text>
diff --git a/src/components/sp-page/index.scss b/src/components/sp-page/index.scss
index 55842fc73..28d12b679 100644
--- a/src/components/sp-page/index.scss
+++ b/src/components/sp-page/index.scss
@@ -163,7 +163,6 @@
 
           .nearby-function-text {
             font-size: 28px;
-            color: #333;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -172,7 +171,6 @@
 
           .nearby-function-icon {
             font-size: 28px;
-            color: #333;
           }
         }