diff --git a/src/views/Community/components/DynamicNewsCard/EventScrollList.js b/src/views/Community/components/DynamicNewsCard/EventScrollList.js index d6f69fa0..c7eb3d92 100644 --- a/src/views/Community/components/DynamicNewsCard/EventScrollList.js +++ b/src/views/Community/components/DynamicNewsCard/EventScrollList.js @@ -11,13 +11,9 @@ import { ButtonGroup, Center, VStack, - HStack, - Spinner, Text, useColorModeValue } from '@chakra-ui/react'; -import DynamicNewsEventCard from '../EventCard/DynamicNewsEventCard'; -import CompactEventCard from '../EventCard/CompactEventCard'; import HorizontalDynamicNewsEventCard from '../EventCard/HorizontalDynamicNewsEventCard'; import DynamicNewsDetailPanel from '../DynamicNewsDetail'; import PaginationControl from './PaginationControl'; @@ -25,7 +21,7 @@ import VirtualizedFourRowGrid from './VirtualizedFourRowGrid'; import PageNavigationButton from './PageNavigationButton'; /** - * 事件列表组件 - 支持两种展示模式 + * 事件列表组件 - 支持纵向和平铺两种展示模式 * @param {Array} events - 当前页的事件列表(服务端已分页) * @param {Object} selectedEvent - 当前选中的事件 * @param {Function} onEventSelect - 事件选择回调 @@ -35,7 +31,7 @@ import PageNavigationButton from './PageNavigationButton'; * @param {Function} onPageChange - 页码改变回调 * @param {boolean} loading - 全局加载状态 * @param {number|null} loadingPage - 正在加载的目标页码(用于显示"正在加载第X页...") - * @param {string} mode - 展示模式:'carousel'(单排轮播)| 'grid'(双排网格) + * @param {string} mode - 展示模式:'vertical'(纵向分栏)| 'four-row'(平铺网格) * @param {Function} onModeChange - 模式切换回调 * @param {boolean} hasMore - 是否还有更多数据 * @param {Object} eventFollowStatus - 事件关注状态 { [eventId]: { isFollowing, followerCount } } @@ -55,7 +51,7 @@ const EventScrollList = ({ totalPages, onPageChange, loading = false, - mode = 'carousel', + mode = 'vertical', onModeChange, hasMore = true, eventFollowStatus = {}, @@ -73,10 +69,6 @@ const EventScrollList = ({ const scrollbarThumbBg = useColorModeValue('#888', '#4A5568'); const scrollbarThumbHoverBg = useColorModeValue('#555', '#718096'); - // 加载遮罩颜色 - const loadingOverlayBg = useColorModeValue('whiteAlpha.800', 'blackAlpha.700'); - const loadingTextColor = useColorModeValue('gray.600', 'gray.300'); - const getTimelineBoxStyle = () => { return { bg: timelineBg, @@ -89,24 +81,10 @@ const EventScrollList = ({ return ( - {/* 顶部控制栏:模式切换按钮(左)+ 分页控制器 + 加载提示(右) */} + {/* 顶部控制栏:模式切换按钮(左)+ 分页控制器(右) */} {/* 模式切换按钮 */} - {/* - */}