diff --git a/src/views/Community/components/DynamicNewsCard/EventScrollList.js b/src/views/Community/components/DynamicNewsCard/EventScrollList.js index b305a397..715c43e9 100644 --- a/src/views/Community/components/DynamicNewsCard/EventScrollList.js +++ b/src/views/Community/components/DynamicNewsCard/EventScrollList.js @@ -4,13 +4,9 @@ import React, { useRef, useCallback } from 'react'; import { Box, - Flex, useColorModeValue } from '@chakra-ui/react'; -import PaginationControl from './PaginationControl'; import VirtualizedFourRowGrid from './VirtualizedFourRowGrid'; -import PageNavigationButton from './PageNavigationButton'; -import ModeToggleButtons from './ModeToggleButtons'; import VerticalModeLayout from './VerticalModeLayout'; /** @@ -79,97 +75,69 @@ const EventScrollList = ({ } }, [onPageChange, currentPage]); + {/* 事件卡片容器 */} return ( - - {/* 横向滚动区域 */} - + + {/* 平铺网格模式 - 使用虚拟滚动 + 双向无限滚动 */} + - {/* 翻页导航按钮(平铺模式不显示,使用无限滚动) */} - {mode !== 'four-row' && ( - <> - - - - )} - - {/* 事件卡片容器 */} - - {/* 平铺网格模式 - 使用虚拟滚动 + 双向无限滚动 */} - {mode === 'four-row' && ( - - )} - - {/* 纵向分栏模式 */} - {mode === 'vertical' && ( - - )} - - + {/* 纵向分栏模式 */} + ); };