From 5b0e420770d4de421dd52bd0f5114b283a722aff Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Thu, 27 Nov 2025 16:20:15 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=88=86=E6=97=B6=E5=9B=BEUI=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DynamicNewsDetail/StockListItem.js        | 30 +++++++++----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/views/Community/components/DynamicNewsDetail/StockListItem.js b/src/views/Community/components/DynamicNewsDetail/StockListItem.js
index c6de6078..003a3837 100644
--- a/src/views/Community/components/DynamicNewsDetail/StockListItem.js
+++ b/src/views/Community/components/DynamicNewsDetail/StockListItem.js
@@ -130,7 +130,7 @@ const StockListItem = ({
       {/* 单行紧凑布局：名称+涨跌幅 | 分时图 | K线图 | 关联描述 */}
       <HStack spacing={2} align="center" flexWrap="wrap">
         {/* 左侧：股票信息区 */}
-        <HStack spacing={2} minW="360px" maxW="380px" flexShrink={0}>
+        <HStack spacing={2} flexShrink={0}>
           {/* 股票代码 + 名称 + 涨跌幅 */}
           <VStack
             align="stretch"
@@ -194,24 +194,24 @@ const StockListItem = ({
             </HStack>
           </VStack>
 
-          {/* 分时图 - 更紧凑 */}
+          {/* 分时图 - 自适应 */}
           <VStack
-            w="115px"
+            flex={1}
+            minW="80px"
+            maxW="150px"
             borderWidth="1px"
             borderColor="rgba(59, 130, 246, 0.3)"
             borderRadius="md"
-            px={1.5}
-            py={1}
+            px={2}
+            py={1.5}
             bg="rgba(59, 130, 246, 0.1)"
             onClick={(e) => {
               e.stopPropagation();
               setIsTimelineModalOpen(true);
             }}
             cursor="pointer"
-            flexShrink={0}
             align="stretch"
             spacing={0}
-            h="fit-content"
             _hover={{
               borderColor: '#3B82F6',
               boxShadow: '0 0 10px rgba(59, 130, 246, 0.3)',
@@ -228,7 +228,7 @@ const StockListItem = ({
             >
               📈 分时
             </Text>
-            <Box h="32px">
+            <Box h="28px">
               <MiniTimelineChart
                 stockCode={stock.stock_code}
                 eventTime={eventTime}
@@ -236,24 +236,24 @@ const StockListItem = ({
             </Box>
           </VStack>
 
-          {/* K线图 - 更紧凑 */}
+          {/* K线图 - 自适应 */}
           <VStack
-            w="115px"
+            flex={1}
+            minW="80px"
+            maxW="150px"
             borderWidth="1px"
             borderColor="rgba(168, 85, 247, 0.3)"
             borderRadius="md"
-            px={1.5}
-            py={1}
+            px={2}
+            py={1.5}
             bg="rgba(168, 85, 247, 0.1)"
             onClick={(e) => {
               e.stopPropagation();
               setIsKLineModalOpen(true);
             }}
             cursor="pointer"
-            flexShrink={0}
             align="stretch"
             spacing={0}
-            h="fit-content"
             _hover={{
               borderColor: '#A855F7',
               boxShadow: '0 0 10px rgba(168, 85, 247, 0.3)',
@@ -270,7 +270,7 @@ const StockListItem = ({
             >
               📊 日线
             </Text>
-            <Box h="32px">
+            <Box h="28px">
               <MiniKLineChart
                 stockCode={stock.stock_code}
                 eventTime={eventTime}