1

src/game_pages/search/index.config.ts

@@ -1,3 +1,5 @@
 export default definePageConfig({
-  navigationBarTitleText: ''
+  navigationBarTitleText: '',
+  navigationStyle: 'custom',
+  navigationBarBackgroundColor: '#FAFAFA'
 })

src/game_pages/search/index.scss

@@ -1,6 +1,5 @@
 .listSearchContainer {
   padding: 0 15px;
-  padding-top: 16px;
   background-color: #FAFAFA;
   min-height: 100vh;
 
@@ -16,10 +15,10 @@
     height: 44px;
     box-sizing: border-box;
     gap: 10px;
-    border-radius: 44px;
+    border-radius: 999px;
     border: 0.5px solid rgba(0, 0, 0, 0.06);
     background: #FFF;
-    box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.08);
+    box-shadow: 0px 4px 48px 0px rgba(0, 0, 0, 0.08);
 
     .nut-input {
       padding: 0;

src/game_pages/search/index.tsx

@@ -2,8 +2,9 @@ import { View, Image, Text } from "@tarojs/components";
 import { Input } from "@nutui/nutui-react-taro";
 import { useEffect, useMemo, useRef } from "react";
 import { useListState } from "@/store/listStore";
+import { useGlobalState } from "@/store/global";
+import { withAuth, GeneralNavbar } from "@/components";
 import img from "@/config/images";
-import { withAuth } from "@/components";
 import "./index.scss";
 import Taro from "@tarojs/taro";
 
@@ -23,6 +24,10 @@ const ListSearch = () => {
     isShowSuggestion,
   } = useListState()?.searchPageState || {};
   const ref = useRef<any>(null);
+  
+  // 获取导航栏高度信息
+  const { statusNavbarHeightInfo } = useGlobalState();
+  const { totalHeight = 0 } = statusNavbarHeightInfo || {};
 
   useEffect(() => {
     getSearchHistory();
@@ -113,7 +118,15 @@ const ListSearch = () => {
 
   return (
     <>
-      <View className="listSearchContainer">
+      <GeneralNavbar 
+        title=""
+        showBack={true}
+      
+      />
+      <View 
+        className="listSearchContainer"
+        style={{ paddingTop: `${totalHeight + 10}px` }}
+      >
         {/* 搜索 */}
         <View className="topSearch">
           <Image className="searchIcon" src={img.ICON_LIST_SEARCH_SEARCH} />