vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pref: h5 分页UI调整

Browse Source
This commit is contained in:
zdl
2025-11-26 16:35:49 +08:00
parent 30fc156474
commit d22d75e761
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/Community/components/DynamicNewsCard.js
View File

@@ -651,12 +651,12 @@ const [currentMode, setCurrentMode] = useState('vertical');
px={6} px={6}
boxShadow="sm" boxShadow="sm"
> >
<Flex justify="space-between" align="center"> <Flex justify="space-between" align="center" flexWrap="wrap" gap={2}>
{/* 左侧：模式切换按钮 */} {/* 左侧：模式切换按钮 */}
<ModeToggleButtons mode={mode} onModeChange={handleModeToggle} /> <ModeToggleButtons mode={mode} onModeChange={handleModeToggle} />
{/* 右侧：分页控制器（仅在纵向模式显示） */} {/* 右侧：分页控制器（仅在纵向模式显示），H5 放不下时折行 */}
{mode === 'vertical' && totalPages > 1 && ( {!isMobile && mode === 'vertical' && totalPages > 1 && (
<PaginationControl <PaginationControl
currentPage={currentPage} currentPage={currentPage}
totalPages={totalPages} totalPages={totalPages}
@@ -731,6 +731,15 @@ const [currentMode, setCurrentMode] = useState('vertical');
</ModalContent> </ModalContent>
</Modal> </Modal>
)} )}
{/* 右侧：分页控制器（仅在纵向模式显示），H5 放不下时折行 */}
{mode === 'vertical' && totalPages > 1 && (
<PaginationControl
currentPage={currentPage}
totalPages={totalPages}
onPageChange={handlePageChangeWithScroll}
/>
)}
</Card> </Card>
); );
}); });