处理滚动

src/components/FilterPopup/index.tsx

@@ -13,7 +13,7 @@ import CourtType from "@/components/CourtType";
 // 玩法
 import GamePlayType from "@/components/GamePlayType";
 import { useDictionaryActions } from "@/store/dictionaryStore";
-import { View } from "@tarojs/components";
+import { View, ScrollView } from "@tarojs/components";
 
 const FilterPopup = (props: FilterPopupProps) => {
   const {
@@ -91,11 +91,25 @@ const FilterPopup = (props: FilterPopupProps) => {
         round
         visible={visible}
         onClose={onClose}
-        style={{ marginTop: statusNavbarHeigh + "px", maxHeight: '75vh' }}
+        style={{ marginTop: statusNavbarHeigh + "px", maxHeight: '70vh' }}
         overlayStyle={{ marginTop: statusNavbarHeigh + "px" }}
         zIndex={1001}
       >
-        <div className={styles.filterPopupWrapper}>
+        <View className={styles.filterPopupWrapper}>
+          {/* 可滚动的内容区域 */}
+          <ScrollView
+            scrollY
+            enhanced
+            showScrollbar={false}
+            className={styles.filterPopupContent}
+            style={{ 
+              maxHeight: '60vh'
+            }}
+            onTouchMove={(e) => {
+              // 阻止滚动穿透
+              e.stopPropagation();
+            }}
+          >
             {/* 日历 */}
             <View>
               <CalendarUI
@@ -159,8 +173,10 @@ const FilterPopup = (props: FilterPopupProps) => {
               options={gamePlayOptions}
               value={filterOptions?.playType}
             />
-          {/* 按钮 */}
+          </ScrollView>
-          <div className={styles.filterPopupBtnWrapper}>
+          
+          {/* 固定在底部的按钮区域 */}
+          <View className={styles.filterPopupBtnWrapper}>
             <Button
               className={styles.btn}
               type="default"
@@ -176,8 +192,8 @@ const FilterPopup = (props: FilterPopupProps) => {
             >
               显示 {gamesNum} 场球局
             </Button>
-          </div>
+          </View>
-        </div>
+        </View>
       </Popup>
     </>
   );

src/game_pages/list/index.tsx

@@ -226,6 +226,8 @@ const ListPage = () => {
       />
       <View ref={scrollContextRef}>
         {/* <ShareCardCanvas /> */}
+        {/* 列表内容 */}
+        <View className={styles.listPage} style={{ paddingTop: totalHeight }}>
           {/* 综合筛选 */}
         {isShowFilterPopup && (
           <View>
@@ -242,8 +244,6 @@ const ListPage = () => {
             />
           </View>
         )}
-        {/* 列表内容 */}
-        <View className={styles.listPage} style={{ paddingTop: totalHeight }}>
           <View
             className={`${styles.listTopSearchWrapper}`}
           >