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

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

@@ -637,7 +637,8 @@ const [currentMode, setCurrentMode] = useState('vertical');
overflow="visible" overflow="visible"
zIndex={1} zIndex={1}
> >
{/* 顶部控制栏：模式切换按钮 + 分页控制器（滚动时固定在顶部） */} {/* 顶部控制栏：模式切换按钮 + 分页控制器（移动端隐藏） */}
{!isMobile && (
<Box <Box
position="sticky" position="sticky"
top="0" top="0"
@@ -655,8 +656,8 @@ const [currentMode, setCurrentMode] = useState('vertical');
{/* 左侧：模式切换按钮 */} {/* 左侧：模式切换按钮 */}
<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}
@@ -665,6 +666,7 @@ const [currentMode, setCurrentMode] = useState('vertical');
)} )}
</Flex> </Flex>
</Box> </Box>
)}
{/* 内容区域 - 撑满剩余高度 */} {/* 内容区域 - 撑满剩余高度 */}
<Box flex="1" minH={0} position="relative"> <Box flex="1" minH={0} position="relative">