From e568b5e05f89544461770f2cbd87f6ec82630f5d Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Mon, 27 Oct 2025 15:59:13 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=83=AD=E7=82=B9=E4=BA=8B=E4=BB=B6UI?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Community/components/EventTimelineCard.js | 5 +++--
 src/views/Community/components/HotEvents.css        | 3 +--
 src/views/Community/components/HotEvents.js         | 6 ------
 src/views/Community/components/HotEventsSection.js  | 7 ++++---
 src/views/Community/index.css                       | 2 --
 src/views/Community/index.js                        | 7 +++----
 6 files changed, 11 insertions(+), 19 deletions(-)

diff --git a/src/views/Community/components/EventTimelineCard.js b/src/views/Community/components/EventTimelineCard.js
index 82664ad7..0bde3f86 100644
--- a/src/views/Community/components/EventTimelineCard.js
+++ b/src/views/Community/components/EventTimelineCard.js
@@ -37,13 +37,14 @@ const EventTimelineCard = forwardRef(({
   onSearch,
   onPageChange,
   onEventClick,
-  onViewDetail
+  onViewDetail,
+  ...rest
 }, ref) => {
   const cardBg = useColorModeValue('white', 'gray.800');
   const borderColor = useColorModeValue('gray.200', 'gray.700');
 
   return (
-    <Card ref={ref} bg={cardBg} borderColor={borderColor} mb={4}>
+    <Card ref={ref} {...rest} bg={cardBg} borderColor={borderColor} mb={4}>
       {/* 标题部分 */}
       <CardHeader>
         <EventTimelineHeader lastUpdateTime={lastUpdateTime} />
diff --git a/src/views/Community/components/HotEvents.css b/src/views/Community/components/HotEvents.css
index 949d4e04..ff03c597 100644
--- a/src/views/Community/components/HotEvents.css
+++ b/src/views/Community/components/HotEvents.css
@@ -1,8 +1,7 @@
 /* Hot Events Section */
 .hot-events-section {
-    padding: 24px 0;
+    padding-bottom: 24px;
 }
-
 .section-title {
     display: flex;
     align-items: center;
diff --git a/src/views/Community/components/HotEvents.js b/src/views/Community/components/HotEvents.js
index 00407195..4d6ada53 100644
--- a/src/views/Community/components/HotEvents.js
+++ b/src/views/Community/components/HotEvents.js
@@ -41,12 +41,6 @@ const HotEvents = ({ events }) => {
 
     return (
         <div className="hot-events-section">
-            <h2 className="section-title">
-                <FireOutlined style={{ marginRight: 8, color: '#ff4d4f' }} />
-                近期热点信息
-            </h2>
-            <p className="section-subtitle">展示最近5天内涨幅最高的事件，助您把握市场热点</p>
-
             {events && events.length > 0 ? (
                 <Row gutter={[16, 16]}>
                     {events.map((event, index) => (
diff --git a/src/views/Community/components/HotEventsSection.js b/src/views/Community/components/HotEventsSection.js
index d8eafd27..7a9a12a1 100644
--- a/src/views/Community/components/HotEventsSection.js
+++ b/src/views/Community/components/HotEventsSection.js
@@ -24,11 +24,12 @@ const HotEventsSection = ({ events }) => {
   }
 
   return (
-    <Card mt={8} bg={cardBg}>
-      <CardHeader>
+    <Card mt={0} bg={cardBg}>
+      <CardHeader pb={0}>
         <Heading size="md">🔥 热点事件</Heading>
+        <p className="section-subtitle" style={{paddingTop: '8px'}}>展示最近5天内涨幅最高的事件，助您把握市场热点</p>
       </CardHeader>
-      <CardBody>
+      <CardBody py={0} px={4}>
         <HotEvents events={events} />
       </CardBody>
     </Card>
diff --git a/src/views/Community/index.css b/src/views/Community/index.css
index 2a0e105f..9ef97533 100644
--- a/src/views/Community/index.css
+++ b/src/views/Community/index.css
@@ -210,8 +210,6 @@
 
 /* 热点事件部分样式 */
 .hot-events-section {
-    margin-top: 48px;
-    padding: 32px;
     background: white;
     border-radius: 16px;
     box-shadow: 0 4px 24px rgba(0,0,0,0.06);
diff --git a/src/views/Community/index.js b/src/views/Community/index.js
index 5b7c91a8..2f5df6e5 100644
--- a/src/views/Community/index.js
+++ b/src/views/Community/index.js
@@ -93,16 +93,15 @@ const Community = () => {
 
   return (
     <Box minH="100vh" bg={bgColor}>
-      {/* 导航栏已由 MainLayout 提供 */}
-
       {/* 主内容区域 */}
-      <Container maxW="container.xl" py={8}>
+      <Container maxW="container.xl" pt={6} pb={8}>
         {/* 热点事件区域 */}
         <HotEventsSection events={hotEvents} />
 
-        {/* 实时事件时间轴卡片 */}
+        {/* 实时事件 */}
         <EventTimelineCard
           ref={eventTimelineRef}
+          mt={6}
           events={events}
           loading={loading}
           pagination={pagination}