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

feat:H5 移动端已隐藏整个顶部控制栏

Browse Source
This commit is contained in:
zdl
2025-11-26 16:51:52 +08:00
parent f5f89a1c72
commit 5aedde7528
1 changed files with 29 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -637,34 +637,36 @@ const [currentMode, setCurrentMode] = useState('vertical');
overflow="visible" overflow="visible"
zIndex={1} zIndex={1}
> >
{/* 顶部控制栏：模式切换按钮 + 分页控制器（滚动时固定在顶部） */} {/* 顶部控制栏：模式切换按钮 + 分页控制器（移动端隐藏） */}
<Box {!isMobile && (
position="sticky" <Box
top="0" position="sticky"
zIndex={10} top="0"
bg={cardBg} zIndex={10}
py={2} bg={cardBg}
mb={2} py={2}
borderBottom="1px solid" mb={2}
borderColor={borderColor} borderBottom="1px solid"
mx={-6} borderColor={borderColor}
px={6} mx={-6}
boxShadow="sm" px={6}
> boxShadow="sm"
<Flex justify="space-between" align="center" flexWrap="wrap" gap={2}> >
{/* 左侧：模式切换按钮 */} <Flex justify="space-between" align="center" flexWrap="wrap" gap={2}>
<ModeToggleButtons mode={mode} onModeChange={handleModeToggle} /> {/* 左侧：模式切换按钮 */}
<ModeToggleButtons mode={mode} onModeChange={handleModeToggle} />
{/* 右侧：分页控制器（仅在纵向模式显示），H5 放不下时折行 */} {/* 右侧：分页控制器（仅在纵向模式显示） */}
{!isMobile && mode === 'vertical' && totalPages > 1 && ( {mode === 'vertical' && totalPages > 1 && (
<PaginationControl <PaginationControl
currentPage={currentPage} currentPage={currentPage}
totalPages={totalPages} totalPages={totalPages}
onPageChange={handlePageChangeWithScroll} onPageChange={handlePageChangeWithScroll}
/> />
)} )}
</Flex> </Flex>
</Box> </Box>
)}
{/* 内容区域 - 撑满剩余高度 */} {/* 内容区域 - 撑满剩余高度 */}
<Box flex="1" minH={0} position="relative"> <Box flex="1" minH={0} position="relative">