From 76360102bbde9ca437961e41f90ed6d58d6f014a Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Tue, 4 Nov 2025 18:22:26 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=9B=B8=E5=85=B3=E6=A6=82=E5=BF=B5UI?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RelatedConceptsSection/TradingDateInfo.js | 27 ++++++++-----------
 .../RelatedConceptsSection/index.js           | 20 +++++++-------
 2 files changed, 22 insertions(+), 25 deletions(-)

diff --git a/src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/TradingDateInfo.js b/src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/TradingDateInfo.js
index 068ae3d2..add48e52 100644
--- a/src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/TradingDateInfo.js
+++ b/src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/TradingDateInfo.js
@@ -3,7 +3,6 @@
 
 import React from 'react';
 import {
-  Box,
   HStack,
   Text,
   useColorModeValue,
@@ -18,8 +17,6 @@ import moment from 'moment';
  * @param {string|Object} props.eventTime - 事件发生时间
  */
 const TradingDateInfo = ({ effectiveTradingDate, eventTime }) => {
-  const sectionBg = useColorModeValue('gray.50', 'gray.750');
-  const headingColor = useColorModeValue('gray.700', 'gray.200');
   const stockCountColor = useColorModeValue('gray.500', 'gray.400');
 
   if (!effectiveTradingDate) {
@@ -27,19 +24,17 @@ const TradingDateInfo = ({ effectiveTradingDate, eventTime }) => {
   }
 
   return (
-    <Box mb={4} p={3} bg={sectionBg} borderRadius="md">
-      <HStack spacing={2}>
-        <FaCalendarAlt color="gray" />
-        <Text fontSize="sm" color={headingColor}>
-          涨跌幅数据日期：{effectiveTradingDate}
-          {eventTime && effectiveTradingDate !== moment(eventTime).format('YYYY-MM-DD') && (
-            <Text as="span" ml={2} fontSize="xs" color={stockCountColor}>
-              (事件发生于 {typeof eventTime === 'object' ? moment(eventTime).format('YYYY-MM-DD HH:mm') : moment(eventTime).format('YYYY-MM-DD HH:mm')}，显示下一交易日数据)
-            </Text>
-          )}
-        </Text>
-      </HStack>
-    </Box>
+    <HStack spacing={2}>
+      <FaCalendarAlt color="gray" size={12} />
+      <Text fontSize="xs" color={stockCountColor}>
+        涨跌幅数据：{effectiveTradingDate}
+        {eventTime && effectiveTradingDate !== moment(eventTime).format('YYYY-MM-DD') && (
+          <Text as="span" ml={2} fontSize="xs" color={stockCountColor}>
+            (事件发生于 {typeof eventTime === 'object' ? moment(eventTime).format('YYYY-MM-DD HH:mm') : moment(eventTime).format('YYYY-MM-DD HH:mm')}，显示下一交易日数据)
+          </Text>
+        )}
+      </Text>
+    </HStack>
   );
 };
 
diff --git a/src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/index.js b/src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/index.js
index f0f80c5e..1250b17e 100644
--- a/src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/index.js
+++ b/src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/index.js
@@ -204,9 +204,16 @@ const RelatedConceptsSection = ({ eventTitle, effectiveTradingDate, eventTime })
     <Box bg={sectionBg} p={3} borderRadius="md">
       {/* 标题栏 */}
       <Flex justify="space-between" align="center" mb={3}>
-        <Heading size="sm" color={headingColor}>
-          相关概念
-        </Heading>
+        <Flex align="center" gap={3}>
+          <Heading size="sm" color={headingColor}>
+            相关概念
+          </Heading>
+          {/* 交易日期信息 */}
+          <TradingDateInfo
+            effectiveTradingDate={effectiveTradingDate}
+            eventTime={eventTime}
+          />
+        </Flex>
         <Button
           size="sm"
           variant="ghost"
@@ -229,12 +236,7 @@ const RelatedConceptsSection = ({ eventTitle, effectiveTradingDate, eventTime })
           />
         ))}
       </Flex>
-
-      {/* 交易日期信息 */}
-      <TradingDateInfo
-        effectiveTradingDate={effectiveTradingDate}
-        eventTime={eventTime}
-      />
+  
 
       {/* 详细模式：卡片网格（可折叠） */}
       <Collapse in={isExpanded} animateOpacity>