From 46ba421f42b09693aba90e5cdd4bdf879b69ea31 Mon Sep 17 00:00:00 2001
From: zzlgreat <zzlgreat@gmail.com>
Date: Mon, 10 Nov 2025 12:32:14 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=8B=E4=BB=B6=E4=B8=AD=E5=BF=83ui?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DynamicNewsDetail/MiniKLineChart.js       |  2 +-
 .../DynamicNewsDetail/StockListItem.js        | 22 ++++++++++++-------
 .../components/MiniTimelineChart.js           |  2 +-
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/views/Community/components/DynamicNewsDetail/MiniKLineChart.js b/src/views/Community/components/DynamicNewsDetail/MiniKLineChart.js
index 81b8b69e..70ef090e 100644
--- a/src/views/Community/components/DynamicNewsDetail/MiniKLineChart.js
+++ b/src/views/Community/components/DynamicNewsDetail/MiniKLineChart.js
@@ -163,7 +163,7 @@ const MiniKLineChart = React.memo(function MiniKLineChart({ stockCode, eventTime
             style={{
                 width: '100%',
                 height: '100%',
-                minHeight: '40px',
+                minHeight: '35px',
                 cursor: onClick ? 'pointer' : 'default'
             }}
             onClick={onClick}
diff --git a/src/views/Community/components/DynamicNewsDetail/StockListItem.js b/src/views/Community/components/DynamicNewsDetail/StockListItem.js
index d6182cf8..ac2617c0 100644
--- a/src/views/Community/components/DynamicNewsDetail/StockListItem.js
+++ b/src/views/Community/components/DynamicNewsDetail/StockListItem.js
@@ -189,7 +189,7 @@ const StockListItem = ({
           </HStack>
         </VStack>
 
-        {/* 分时图 - 响应式宽度 */}
+        {/* 分时图 - 紧凑高度 */}
         <VStack
           minW="150px"
           maxW="180px"
@@ -197,7 +197,8 @@ const StockListItem = ({
           borderWidth="1px"
           borderColor={useColorModeValue('blue.100', 'blue.700')}
           borderRadius="md"
-          p={2}
+          px={2}
+          py={1}
           bg={useColorModeValue('blue.50', 'blue.900')}
           onClick={(e) => {
             e.stopPropagation();
@@ -206,7 +207,8 @@ const StockListItem = ({
           cursor="pointer"
           flexShrink={1}
           align="stretch"
-          spacing={1}
+          spacing={0}
+          h="fit-content"
           _hover={{
             borderColor: useColorModeValue('blue.300', 'blue.500'),
             boxShadow: 'md',
@@ -219,10 +221,11 @@ const StockListItem = ({
             color={useColorModeValue('blue.700', 'blue.200')}
             fontWeight="semibold"
             whiteSpace="nowrap"
+            mb={0.5}
           >
             📈 分时
           </Text>
-          <Box h="50px" flex="1">
+          <Box h="35px">
             <MiniTimelineChart
               stockCode={stock.stock_code}
               eventTime={eventTime}
@@ -230,7 +233,7 @@ const StockListItem = ({
           </Box>
         </VStack>
 
-        {/* K线图 - 响应式宽度 */}
+        {/* K线图 - 紧凑高度 */}
         <VStack
           minW="150px"
           maxW="180px"
@@ -238,7 +241,8 @@ const StockListItem = ({
           borderWidth="1px"
           borderColor={useColorModeValue('purple.100', 'purple.700')}
           borderRadius="md"
-          p={2}
+          px={2}
+          py={1}
           bg={useColorModeValue('purple.50', 'purple.900')}
           onClick={(e) => {
             e.stopPropagation();
@@ -247,7 +251,8 @@ const StockListItem = ({
           cursor="pointer"
           flexShrink={1}
           align="stretch"
-          spacing={1}
+          spacing={0}
+          h="fit-content"
           _hover={{
             borderColor: useColorModeValue('purple.300', 'purple.500'),
             boxShadow: 'md',
@@ -260,10 +265,11 @@ const StockListItem = ({
             color={useColorModeValue('purple.700', 'purple.200')}
             fontWeight="semibold"
             whiteSpace="nowrap"
+            mb={0.5}
           >
             📊 日线
           </Text>
-          <Box h="50px" flex="1">
+          <Box h="35px">
             <MiniKLineChart
               stockCode={stock.stock_code}
               eventTime={eventTime}
diff --git a/src/views/Community/components/StockDetailPanel/components/MiniTimelineChart.js b/src/views/Community/components/StockDetailPanel/components/MiniTimelineChart.js
index b6580af5..45c26d11 100644
--- a/src/views/Community/components/StockDetailPanel/components/MiniTimelineChart.js
+++ b/src/views/Community/components/StockDetailPanel/components/MiniTimelineChart.js
@@ -167,7 +167,7 @@ const MiniTimelineChart = React.memo(function MiniTimelineChart({ stockCode, eve
             style={{
                 width: '100%',
                 height: '100%',
-                minHeight: '40px',
+                minHeight: '35px',
                 cursor: onClick ? 'pointer' : 'default'
             }}
             onClick={onClick}