bug(分类):

src/components/sp-page/header.js

@@ -41,7 +41,7 @@ const CustomNavigationHeader = memo((props) => {
       backgroundPosition: 'center',
       paddingTop: `${gStatusBarHeight}px`,
     }
-    if (value?.navigateBackgroundColorr) {
+    if (value?.navigateBackgroundColor) {
       style.backgroundColor = value?.navigateBackgroundColor
     }
     if (value?.navigateBackgroundImage) {
@@ -149,19 +149,15 @@ const CustomNavigationHeader = memo((props) => {
   }, [handleNearbyClick, nearbyText])
 
   const renderSearch = useCallback(() => {
-    if (titleStyle !== '3' || !value?.showSearchButton) return null
     return (
-      <View className='title-search'>
+      <View className='title-search' onClick={() => Taro.navigateTo({ url: '/subpages/search/index' })}>
         <View className='search-container'>
           <Text className='iconfont icon-sousuo-01 search-icon' />
-          <Input
-            className='search-input'
-            placeholder=''
-            onConfirm={(e) => onSearchConfirm && onSearchConfirm(e.detail?.value)}
-          />
-          <View className='search-button' style={styleNames(searchButtonStyle())}>
-            <Text>搜索</Text>
-          </View>
+          {value?.showSearchButton && (
+            <View className='search-button' style={styleNames(searchButtonStyle())}>
+              <Text>搜索</Text>
+            </View>
+          )}
         </View>
       </View>
     )

src/components/sp-page/index.scss

@@ -218,17 +218,9 @@
           border-radius: 8px;
           overflow: hidden;
           position: relative;
-
-          .search-input {
-            flex: 1;
-            height: 64px;
-            padding: 0 24px 0 40px;
-            border: 1px solid #e0e0e0;
-            border-right: none;
-            border-radius: 8px 0 0 8px;
-            background-color: #fff;
-            font-size: 28px;
-          }
+          border: 1PX solid #e0e0e0;
+          background-color: #fff;
+          height: 64px;
 
           .search-icon {
             position: absolute;
@@ -252,6 +244,8 @@
             justify-content: center;
             white-space: nowrap;
             flex-shrink: 0;
+            position: absolute;
+            right: 0;
           }
         }
       }

src/pages/category/index.js

@@ -59,7 +59,10 @@ function StoreItemList(props) {
   return (
     <SpPage
       className='page-category'
-      renderNavigation={<SpSearchOne />}
+      pageConfig={{
+        titleStyle:'3',
+        navigateBackgroundColor:'#fff'
+      }}
       ref={pageRef}
       showLive
       renderFooter={<SpTabbar />}

src/pages/custom/custom-page.js

@@ -36,9 +36,6 @@ const initialState = {
 function CustomPage(props) {
   const $instance = getCurrentInstance()
   const [state, setState] = useImmer(initialState)
-  const { setNavigationBarTitle } = useNavigation()
-  const { address, location } = useSelector((s) => s.user)
-  const nearbyText = address?.city || location?.city || ''
   const { wgts, loading, shareInfo, skuPanelOpen, selectType, info, isShowTabBar } = state
   const MSpSkuSelect = React.memo(SpSkuSelect)
   const pageRef = useRef()
@@ -137,11 +134,8 @@ function CustomPage(props) {
   return (
     <SpPage
       btnHomeEnable={router.params.fromConnect !== 'davild'}
-      immersive={pageData?.base?.isImmersive}
       scrollToTopBtn
       className='page-custom-page'
-      pageConfig={pageData?.base}
-      nearbyText={nearbyText}
       loading={loading}
       title={shareInfo?.page_name}
       ref={pageRef}

src/subpages/member/index.js

@@ -451,8 +451,7 @@ function MemberIndex(props) {
   return (
     <SpPage
       className='pages-member-index'
-      immersive={state.pageData?.base?.isImmersive}
-      pageConfig={state.pageData?.base || {}}
+      immersive
       renderFooter={<SpTabbar />}
       title='会员中心'
     >