pref: UI优化

src/views/Community/components/DynamicNewsCard/EventScrollList.js

@@ -12,6 +12,10 @@ import VerticalModeLayout from './VerticalModeLayout';
 /**
  * 事件列表组件 - 支持纵向和平铺两种展示模式
  * @param {Array} events - 当前页的事件列表（服务端已分页）
+ * @param {Array} displayEvents - 累积显示的事件列表（平铺模式用）
+ * @param {Function} loadNextPage - 加载下一页（无限滚动）
+ * @param {Function} loadPrevPage - 加载上一页（双向无限滚动）
+ * @param {Function} onFourRowEventClick - 平铺模式事件点击回调（打开弹窗）
  * @param {Object} selectedEvent - 当前选中的事件
  * @param {Function} onEventSelect - 事件选择回调
  * @param {string} borderColor - 边框颜色
@@ -19,19 +23,18 @@ import VerticalModeLayout from './VerticalModeLayout';
  * @param {number} totalPages - 总页数（由服务端返回）
  * @param {Function} onPageChange - 页码改变回调
  * @param {boolean} loading - 全局加载状态
- * @param {number|null} loadingPage - 正在加载的目标页码（用于显示"正在加载第X页..."）
+ * @param {Object} error - 错误状态
  * @param {string} mode - 展示模式：'vertical'（纵向分栏）| 'four-row'（平铺网格）
- * @param {Function} onModeChange - 模式切换回调
  * @param {boolean} hasMore - 是否还有更多数据
  * @param {Object} eventFollowStatus - 事件关注状态 { [eventId]: { isFollowing, followerCount } }
  * @param {Function} onToggleFollow - 关注按钮回调
  */
 const EventScrollList = ({
   events,
-  displayEvents,        // 累积显示的事件列表（四排模式用）
-  loadNextPage,         // 加载下一页（无限滚动）
-  loadPrevPage,         // 加载上一页（双向无限滚动）
-  onFourRowEventClick,  // 四排模式事件点击回调（打开弹窗）
+  displayEvents,
+  loadNextPage,
+  loadPrevPage,
+  onFourRowEventClick,
   selectedEvent,
   onEventSelect,
   borderColor,
@@ -39,9 +42,8 @@ const EventScrollList = ({
   totalPages,
   onPageChange,
   loading = false,
-  error,                // 错误状态
+  error,
   mode = 'vertical',
-  onModeChange,
   hasMore = true,
   eventFollowStatus = {},
   onToggleFollow
@@ -126,7 +128,7 @@ const EventScrollList = ({
 
       {/* 纵向分栏模式 */}
       <VerticalModeLayout
-        display={mode === 'vertical' ? 'block' : 'none'}
+        display={mode === 'vertical' ? 'flex' : 'none'}
         events={events}
         selectedEvent={selectedEvent}
         onEventSelect={onEventSelect}
@@ -134,9 +136,6 @@ const EventScrollList = ({
         onToggleFollow={onToggleFollow}
         getTimelineBoxStyle={getTimelineBoxStyle}
         borderColor={borderColor}
-        currentPage={currentPage}
-        totalPages={totalPages}
-        onPageChange={onPageChange}
       />
     </Box>
   );