pref: h5 分页UI调整

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>
   );
 });