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