列表

src/components/CustomNavbar/index.module.scss

@@ -1,8 +1,10 @@
 .customerNavbar {
-  position: sticky;
+  position: fixed;
   top: 0;
+  left: 0;
   z-index: 999;
-  background-color: #ffffff;
   overflow: hidden;
   z-index: 999;
+  width: 100%;
+  background-color: #fff;
 }

src/components/CustomNavbar/index.tsx

@@ -9,12 +9,12 @@ interface IProps {
 const CustomNavbar = (props: IProps) => {
   const { children } = props;
   const { statusNavbarHeightInfo } = useGlobalState();
-  const { statusBarHeight, navbarHeight } = statusNavbarHeightInfo;
+  const { statusBarHeight, navBarHeight } = statusNavbarHeightInfo;
 
   return (
     <View
       className={styles.customerNavbar}
-      style={{ height: `${navbarHeight}px`, paddingTop: `${statusBarHeight}px`, }}
+      style={{ height: `${navBarHeight}px`, paddingTop: `${statusBarHeight}px`, }}
     >
       {children}
     </View>

src/components/CustomerNavbarBack/index.tsx

@@ -6,7 +6,7 @@ import Taro from "@tarojs/taro";
 
 const ListHeader = () => {
   const { statusNavbarHeightInfo } = useGlobalState();
-  const { statusBarHeight, navbarHeight, totalHeight } = statusNavbarHeightInfo;
+  const { statusBarHeight, navBarHeight, totalHeight } = statusNavbarHeightInfo;
   const handleBack = () => {
     Taro.navigateBack();
   }
@@ -19,7 +19,7 @@ const ListHeader = () => {
       <View
         className={styles.container}
         style={{
-          height: `${navbarHeight}px`,
+          height: `${navBarHeight}px`,
           paddingTop: `${statusBarHeight}px`,
         }}
       >

src/components/SearchBar/index.module.scss

@@ -4,7 +4,7 @@
   --nutui-searchbar-content-border-radius: 44px;
   --nutui-searchbar-input-text-color: #000000;
   --nutui-searchbar-input-padding: 0 0 0 10px;
-  --nutui-searchbar-padding: 10px 0 0 0;
+  --nutui-searchbar-padding: 10px 0 10px 0;
   background-color: unset;
 
   :global(.nut-searchbar-content) {