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>
|
</Button>
|
||||||
</ButtonGroup>
|
</ButtonGroup>
|
||||||
|
|
||||||
{/* 分页控制器 */}
|
{/* 分页控制器(平铺模式不显示,使用无限滚动) */}
|
||||||
{totalPages > 1 && (
|
{totalPages > 1 && mode !== 'four-row' && (
|
||||||
<PaginationControl
|
<PaginationControl
|
||||||
currentPage={currentPage}
|
currentPage={currentPage}
|
||||||
totalPages={totalPages}
|
totalPages={totalPages}
|
||||||
@@ -136,21 +136,25 @@ const EventScrollList = ({
|
|||||||
{/* 横向滚动区域 */}
|
{/* 横向滚动区域 */}
|
||||||
<Box position="relative">
|
<Box position="relative">
|
||||||
|
|
||||||
{/* 翻页导航按钮 */}
|
{/* 翻页导航按钮(平铺模式不显示,使用无限滚动) */}
|
||||||
<PageNavigationButton
|
{mode !== 'four-row' && (
|
||||||
direction="prev"
|
<>
|
||||||
currentPage={currentPage}
|
<PageNavigationButton
|
||||||
totalPages={totalPages}
|
direction="prev"
|
||||||
onPageChange={onPageChange}
|
currentPage={currentPage}
|
||||||
mode={mode}
|
totalPages={totalPages}
|
||||||
/>
|
onPageChange={onPageChange}
|
||||||
<PageNavigationButton
|
mode={mode}
|
||||||
direction="next"
|
/>
|
||||||
currentPage={currentPage}
|
<PageNavigationButton
|
||||||
totalPages={totalPages}
|
direction="next"
|
||||||
onPageChange={onPageChange}
|
currentPage={currentPage}
|
||||||
mode={mode}
|
totalPages={totalPages}
|
||||||
/>
|
onPageChange={onPageChange}
|
||||||
|
mode={mode}
|
||||||
|
/>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
|
||||||
{/* 事件卡片容器 */}
|
{/* 事件卡片容器 */}
|
||||||
<Box
|
<Box
|
||||||
|
|||||||
Reference in New Issue
Block a user