feat:H5 移动端已隐藏整个顶部控制栏

移除左右 padding
隐藏重复箭头

src/views/Community/components/DynamicNewsCard.js

@@ -637,34 +637,36 @@ const [currentMode, setCurrentMode] = useState('vertical');
         overflow="visible"
         zIndex={1}
       >
-        {/* 顶部控制栏：模式切换按钮 + 分页控制器（滚动时固定在顶部） */}
+        {/* 顶部控制栏：模式切换按钮 + 分页控制器（移动端隐藏） */}
-        <Box
+        {!isMobile && (
-          position="sticky"
+          <Box
-          top="0"
+            position="sticky"
-          zIndex={10}
+            top="0"
-          bg={cardBg}
+            zIndex={10}
-          py={2}
+            bg={cardBg}
-          mb={2}
+            py={2}
-          borderBottom="1px solid"
+            mb={2}
-          borderColor={borderColor}
+            borderBottom="1px solid"
-          mx={-6}
+            borderColor={borderColor}
-          px={6}
+            mx={-6}
-          boxShadow="sm"
+            px={6}
-        >
+            boxShadow="sm"
-          <Flex justify="space-between" align="center" flexWrap="wrap" gap={2}>
+          >
-            {/* 左侧：模式切换按钮 */}
+            <Flex justify="space-between" align="center" flexWrap="wrap" gap={2}>
-            <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}
-                onPageChange={handlePageChangeWithScroll}
+                  onPageChange={handlePageChangeWithScroll}
-              />
+                />
-            )}
+              )}
-          </Flex>
+            </Flex>
-        </Box>
+          </Box>
+        )}
 
         {/* 内容区域 - 撑满剩余高度 */}
         <Box flex="1" minH={0} position="relative">

src/views/Community/components/HotEvents.css

@@ -37,7 +37,7 @@
 }
 
 .hot-events-carousel {
-    padding: 0 40px;  /* 增加左右padding为箭头留出空间 */
+    padding: 0;  /* 移除左右padding，箭头使用绝对定位 */
     position: relative;
 }
 
@@ -65,13 +65,20 @@
     color: #096dd9 !important;
 }
 
-/* 箭头位置 */
+/* 箭头位置 - 绝对定位，悬浮在卡片边缘 */
 .hot-events-carousel .slick-prev.custom-carousel-arrow {
-    left: 0 !important;
+    left: 8px !important;
+    position: absolute;
 }
 
 .hot-events-carousel .slick-next.custom-carousel-arrow {
-    right: 0 !important;
+    right: 8px !important;
+    position: absolute;
+}
+
+/* 隐藏可能重复的默认箭头 */
+.hot-events-carousel .slick-arrow:not(.custom-carousel-arrow) {
+    display: none !important;
 }
 
 /* 禁用状态 */