From b9fd28c4dd264db36e372d6e4f2bb01f83e3f8e8 Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Wed, 5 Nov 2025 13:22:10 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=B9=B3=E9=93=BA=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E9=9A=90=E8=97=8F=E5=88=86=E9=A1=B5=E6=8E=A7=E5=88=B6=EF=BC=8C?=
 =?UTF-8?q?=E6=94=B9=E7=94=A8=E6=97=A0=E9=99=90=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

问题：
- 平铺模式使用虚拟滚动+无限滚动加载数据
- 但仍显示传统分页控制器和翻页按钮
- 分页控制与无限滚动机制冲突，用户体验不一致

修复：
- 平铺模式下隐藏 PaginationControl（分页控制器）
- 平铺模式下隐藏 PageNavigationButton（左右翻页按钮）
- 添加注释说明：平铺模式使用无限滚动

效果：
- 平铺模式：✅ 仅显示模式切换按钮，使用无限滚动
- 其他模式（纵向/单排/双排）：✅ 保持分页控制器和翻页按钮

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../DynamicNewsCard/EventScrollList.js        | 38 ++++++++++---------
 1 file changed, 21 insertions(+), 17 deletions(-)

diff --git a/src/views/Community/components/DynamicNewsCard/EventScrollList.js b/src/views/Community/components/DynamicNewsCard/EventScrollList.js
index 010a7c00..d6f69fa0 100644
--- a/src/views/Community/components/DynamicNewsCard/EventScrollList.js
+++ b/src/views/Community/components/DynamicNewsCard/EventScrollList.js
@@ -123,8 +123,8 @@ const EventScrollList = ({
           </Button>
         </ButtonGroup>
 
-        {/* 分页控制器 */}
-        {totalPages > 1 && (
+        {/* 分页控制器（平铺模式不显示，使用无限滚动） */}
+        {totalPages > 1 && mode !== 'four-row' && (
             <PaginationControl
               currentPage={currentPage}
               totalPages={totalPages}
@@ -136,21 +136,25 @@ const EventScrollList = ({
       {/* 横向滚动区域 */}
       <Box position="relative">
 
-        {/* 翻页导航按钮 */}
-        <PageNavigationButton
-          direction="prev"
-          currentPage={currentPage}
-          totalPages={totalPages}
-          onPageChange={onPageChange}
-          mode={mode}
-        />
-        <PageNavigationButton
-          direction="next"
-          currentPage={currentPage}
-          totalPages={totalPages}
-          onPageChange={onPageChange}
-          mode={mode}
-        />
+        {/* 翻页导航按钮（平铺模式不显示，使用无限滚动） */}
+        {mode !== 'four-row' && (
+          <>
+            <PageNavigationButton
+              direction="prev"
+              currentPage={currentPage}
+              totalPages={totalPages}
+              onPageChange={onPageChange}
+              mode={mode}
+            />
+            <PageNavigationButton
+              direction="next"
+              currentPage={currentPage}
+              totalPages={totalPages}
+              onPageChange={onPageChange}
+              mode={mode}
+            />
+          </>
+        )}
 
       {/* 事件卡片容器 */}
       <Box