feat: 将list相关的代码迁移到game_pages目录

src/game_pages/list/index.config.ts

@@ -0,0 +1,6 @@
+export default definePageConfig({
+  navigationBarTitleText: '',
+  enablePullDownRefresh: true,
+  backgroundTextStyle: 'dark',
+  navigationStyle: 'custom',
+})

src/game_pages/list/index.module.scss

@@ -0,0 +1,76 @@
+.listPage {
+  background-color: #fefefe;
+
+  .listTopSearchWrapper {
+    padding: 0 15px;
+    // position: sticky;
+    // background: #fefefe;
+    // z-index: 999;
+  }
+
+  // .isScroll {
+  //   border-bottom: 0.5px solid #0000000F;
+  // }
+
+  .listTopFilterWrapper {
+    display: flex;
+    align-items: center;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    gap: 5px;
+  }
+
+  .menuFilter {
+    padding: 0;
+  }
+}
+
+.listNavWrapper {
+   position: relative;
+}
+
+.toggleElement {
+  /* 绝对定位使两个元素重叠 */
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  
+  /* 过渡动画设置，实现平滑切换 */
+  transition: opacity 0.5s ease, transform 0.5s ease;
+  
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
+  border-radius: 8px;
+}
+
+/* 第一个元素样式 */
+.firstElement {
+  background-color: #4a90e2;
+  color: white;
+}
+
+/* 第二个元素样式 */
+.secondElement {
+  background-color: #5cb85c;
+  color: white;
+  /* 初始状态：透明且稍微偏移 */
+  opacity: 0;
+  transform: translateY(20px);
+}
+
+/* 可见状态 */
+.visible {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+/* 隐藏状态 */
+.hidden {
+  opacity: 0;
+  transform: translateY(20px);
+  pointer-events: none; /* 隐藏时不响应鼠标事件 */
+}

src/game_pages/list/index.tsx

@@ -0,0 +1,230 @@
+import SearchBar from "@/components/SearchBar";
+import FilterPopup from "@/components/FilterPopup";
+import styles from "./index.module.scss";
+import { useEffect } from "react";
+import Taro, { usePageScroll } from "@tarojs/taro";
+import { useListStore } from "@/store/listStore";
+import { useGlobalState } from "@/store/global";
+import { View } from "@tarojs/components";
+import CustomerNavBar from "@/container/listCustomNavbar";
+import GuideBar from "@/components/GuideBar";
+import ListContainer from "@/container/listContainer";
+import DistanceQuickFilter from "@/components/DistanceQuickFilter";
+import { withAuth } from "@/components";
+import { updateUserLocation } from "@/services/userService";
+// import img from "@/config/images";
+// import ShareCardCanvas from "@/components/ShareCardCanvas/example";
+
+
+
+
+const ListPage = () => {
+
+  // 从 store 获取数据和方法
+  const store = useListStore() || {};
+
+  const { statusNavbarHeightInfo, getCurrentLocationInfo } = useGlobalState() || {};
+
+  const { totalHeight } = statusNavbarHeightInfo || {};
+  const {
+    isShowFilterPopup,
+    error,
+    matches,
+    recommendList,
+    loading,
+    getMatchesData,
+    updateState,
+    filterCount,
+    updateFilterOptions, // 更新筛选条件
+    filterOptions,
+    clearFilterOptions,
+    distanceData,
+    quickFilterData,
+    distanceQuickFilter,
+    isScrollTop,
+    searchValue,
+    isShowInputCustomerNavBar,
+    initialFilterSearch,
+    loadMoreMatches,
+    dateRangeOptions
+  } = store;
+
+  usePageScroll((res) => {
+    if (res?.scrollTop >= totalHeight) {
+      !isShowInputCustomerNavBar &&
+        updateState({ isShowInputCustomerNavBar: true });
+    } else {
+      isShowInputCustomerNavBar &&
+        updateState({ isShowInputCustomerNavBar: false });
+    }
+  });
+
+  useEffect(() => {
+    getLocation()
+  }, []);
+
+  // 监听距离和排序方式变化，自动调用接口
+  useEffect(() => {
+    // 只有当 distanceQuickFilter 有值时才调用接口
+    if (distanceQuickFilter?.distance !== undefined || distanceQuickFilter?.quick !== undefined) {
+
+      if (distanceQuickFilter?.quick !== "0") {
+        getMatchesData();
+      }
+    }
+  }, [distanceQuickFilter?.distance, distanceQuickFilter?.quick]);
+
+  // 获取位置信息
+  const getLocation = async () => {
+    const location = await getCurrentLocationInfo()
+
+    // 保存位置到全局状态
+    updateState({ location });
+
+    // 同时更新用户位置到后端和 store
+    if (location && location.latitude && location.longitude) {
+      try {
+        await updateUserLocation(location.latitude, location.longitude);
+      } catch (error) {
+        console.error('更新用户位置失败:', error);
+      }
+    }
+
+    // 页面加载时获取数据
+    getMatchesData();
+    return location;
+  }
+
+  const refreshMatches = () => {
+    initialFilterSearch();
+  };
+
+  // const getLoadMoreMatches = () => {
+  //   loadMoreMatches()
+  // }
+
+  // 下拉刷新处理函数 - 使用Taro生命周期钩子
+  Taro.usePullDownRefresh(() => {
+    console.log("===触发下拉刷新");
+    clearFilterOptions()
+
+    // 调用 store 的刷新方法
+    // refreshMatches()
+    //   .then(() => {
+    //     // 刷新完成后停止下拉刷新动画
+    //     Taro.stopPullDownRefresh();
+
+    //     // 显示刷新成功提示
+    //     Taro.showToast({
+    //       title: "刷新成功",
+    //       icon: "success",
+    //       duration: 1500,
+    //     });
+    //   })
+    //   .catch(() => {
+    //     // 刷新失败时也停止动画
+    //     Taro.stopPullDownRefresh();
+
+    //     Taro.showToast({
+    //       title: "刷新失败",
+    //       icon: "error",
+    //       duration: 1500,
+    //     });
+    //   });
+  });
+
+  const toggleShowPopup = () => {
+    updateState({ isShowFilterPopup: !isShowFilterPopup });
+  };
+
+  /**
+   * @description 更新筛选条件
+   * @param {Record<string, any>} params 筛选项
+   */
+  const handleUpdateFilterOptions = (params: Record<string, any>) => {
+    updateFilterOptions(params);
+  };
+
+  const handleSearchChange = () => { };
+
+  // 距离筛选
+  const handleDistanceOrQuickChange = (name, value) => {
+    updateState({
+      distanceQuickFilter: {
+        ...distanceQuickFilter,
+        [name]: value,
+      },
+    });
+  };
+
+  const handleSearchClick = () => {
+    Taro.navigateTo({
+      url: "/game_pages/search/index",
+    });
+  };
+
+  return (
+    <View>
+      {/* 自定义导航 */}
+      <CustomerNavBar />
+      {/* <ShareCardCanvas /> */}
+      <View className={styles.listPage}>
+        <View
+          className={`${styles.listTopSearchWrapper} ${isScrollTop ? styles.isScroll : ""
+            }`}
+        >
+          <SearchBar
+            handleFilterIcon={toggleShowPopup}
+            isSelect={filterCount > 0}
+            filterCount={filterCount}
+            onChange={handleSearchChange}
+            value={searchValue}
+            onInputClick={handleSearchClick}
+          />
+          {/* 综合筛选 */}
+          {isShowFilterPopup && (
+            <View>
+              <FilterPopup
+                loading={loading}
+                onCancel={toggleShowPopup}
+                onConfirm={toggleShowPopup}
+                onChange={handleUpdateFilterOptions}
+                filterOptions={filterOptions}
+                onClear={clearFilterOptions}
+                visible={isShowFilterPopup}
+                onClose={toggleShowPopup}
+                statusNavbarHeigh={statusNavbarHeightInfo?.totalHeight}
+              />
+            </View>
+          )}
+        </View>
+        {/* 筛选 */}
+        <View className={styles.listTopFilterWrapper}>
+          <DistanceQuickFilter
+            cityOptions={distanceData}
+            quickOptions={quickFilterData}
+            onChange={handleDistanceOrQuickChange}
+            cityName="distance"
+            quickName="quick"
+            cityValue={distanceQuickFilter?.distance}
+            quickValue={distanceQuickFilter?.quick}
+          />
+        </View>
+
+        {/* 列表内容 */}
+        <ListContainer
+          data={matches}
+          recommendList={recommendList}
+          loading={loading}
+          error={error}
+          reload={refreshMatches}
+          loadMoreMatches={loadMoreMatches}
+        />
+      </View>
+
+      <GuideBar currentPage="list" />
+    </View>
+  );
+};
+
+export default withAuth(ListPage);