From 5aedde7528f9e7efcee62ea0405c0c51c35bea1a Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Wed, 26 Nov 2025 16:51:52 +0800
Subject: [PATCH] =?UTF-8?q?feat:H5=20=E7=A7=BB=E5=8A=A8=E7=AB=AF=E5=B7=B2?=
 =?UTF-8?q?=E9=9A=90=E8=97=8F=E6=95=B4=E4=B8=AA=E9=A1=B6=E9=83=A8=E6=8E=A7?=
 =?UTF-8?q?=E5=88=B6=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Community/components/DynamicNewsCard.js   | 56 ++++++++++---------
 1 file changed, 29 insertions(+), 27 deletions(-)

diff --git a/src/views/Community/components/DynamicNewsCard.js b/src/views/Community/components/DynamicNewsCard.js
index 3283fa2f..32116204 100644
--- a/src/views/Community/components/DynamicNewsCard.js
+++ b/src/views/Community/components/DynamicNewsCard.js
@@ -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">