列表

src/components/CustomNavbar/index.tsx

@@ -1,73 +1,23 @@
-import { View, Text, Image } from "@tarojs/components";
-import img from "@/config/images";
-import { getCurrentLocation } from "@/utils/locationUtils";
+import { View } from "@tarojs/components";
 import styles from "./index.module.scss";
-import { useEffect } from "react";
 import { useGlobalState } from "@/store/global";
-import { useListState } from "@/store/listStore";
 
-const ListHeader = () => {
-  const {
-    updateState,
-    location,
-    getLocationText,
-    getLocationLoading,
-    statusNavbarHeightInfo,
-  } = useGlobalState();
-  const { gamesNum } = useListState();
-  console.log("===statusNavbarHeightInfo", statusNavbarHeightInfo);
-  const { statusBarHeight, navbarHeight, totalHeight } = statusNavbarHeightInfo;
+interface IProps {
+  children: any;
+}
 
-  // 获取位置信息
-  const getCurrentLocal = () => {
-    updateState({
-      getLocationLoading: true,
-    });
-    getCurrentLocation().then((res) => {
-      updateState({
-        getLocationLoading: false,
-        location: res || {},
-      });
-    });
-  };
-  useEffect(() => {
-    // getNavbarHeightInfo();
-    getCurrentLocal();
-  }, []);
-
-  const currentAddress = getLocationLoading
-    ? getLocationText
-    : location?.address;
+const CustomNavbar = (props: IProps) => {
+  const { children } = props;
+  const { statusNavbarHeightInfo } = useGlobalState();
+  const { totalHeight } = statusNavbarHeightInfo;
 
   return (
     <View
       className={styles.customerNavbar}
       style={{ height: `${totalHeight}px` }}
     >
-      <View
-        className={styles.container}
-        style={{
-          height: `${navbarHeight}px`,
-          paddingTop: `${statusBarHeight}px`,
-        }}
-      >
-        {/* logo */}
-        <Image src={img.ICON_LOGO} className={styles.logo} />
-        <View className={styles.line} />
-        <View className={styles.content}>
-          <View className={styles.cityWrapper}>
-            {/* 位置 */}
-            <Text className={styles.city}>{currentAddress}</Text>
-            {!getLocationLoading && (
-              <Image src={img.ICON_CHANGE} className={styles.change} />
-            )}
-          </View>
-          <View className={styles.infoWrapper}>
-            <Text className={styles.info}>附近${gamesNum}场球局</Text>
-          </View>
-        </View>
-      </View>
+      {children}
     </View>
   );
 };
-export default ListHeader;
+export default CustomNavbar;