feat: 平铺模式隐藏分页控制,改用无限滚动
问题: - 平铺模式使用虚拟滚动+无限滚动加载数据 - 但仍显示传统分页控制器和翻页按钮 - 分页控制与无限滚动机制冲突,用户体验不一致 修复: - 平铺模式下隐藏 PaginationControl(分页控制器) - 平铺模式下隐藏 PageNavigationButton(左右翻页按钮) - 添加注释说明:平铺模式使用无限滚动 效果: - 平铺模式:✅ 仅显示模式切换按钮,使用无限滚动 - 其他模式(纵向/单排/双排):✅ 保持分页控制器和翻页按钮 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user