From d22d75e7616e0aedbf8ff55f128b1bf108028b89 Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Wed, 26 Nov 2025 16:35:49 +0800
Subject: [PATCH] =?UTF-8?q?pref:=20h5=20=E5=88=86=E9=A1=B5UI=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Community/components/DynamicNewsCard.js | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

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