feat: 平铺模式隐藏分页控制,改用无限滚动

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

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

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

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-11-05 13:22:10 +08:00
parent d4c731730f
commit 8bd7801753

View File

@@ -123,8 +123,8 @@ const EventScrollList = ({
</Button>
</ButtonGroup>
{/* 分页控制器 */}
{totalPages > 1 && (
{/* 分页控制器(平铺模式不显示,使用无限滚动) */}
{totalPages > 1 && mode !== 'four-row' && (
<PaginationControl
currentPage={currentPage}
totalPages={totalPages}
@@ -136,7 +136,9 @@ const EventScrollList = ({
{/* 横向滚动区域 */}
<Box position="relative">
{/* 翻页导航按钮 */}
{/* 翻页导航按钮(平铺模式不显示,使用无限滚动) */}
{mode !== 'four-row' && (
<>
<PageNavigationButton
direction="prev"
currentPage={currentPage}
@@ -151,6 +153,8 @@ const EventScrollList = ({
onPageChange={onPageChange}
mode={mode}
/>
</>
)}
{/* 事件卡片容器 */}
<Box