From f01eff6eb7f1ba57dcc30eb50c8a166768b623e6 Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Fri, 7 Nov 2025 20:04:54 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E8=82=A1=E7=A5=A8?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E6=98=BE=E7=A4=BA=20=20=20=20=20=20d670b0a?=
 =?UTF-8?q?=20feat:=20=E5=8E=86=E5=8F=B2=E8=82=A1=E7=A5=A8=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E7=9B=B8=E5=85=B3=E5=BA=A6=E6=95=B0=E6=8D=AE=20=20=20?=
 =?UTF-8?q?=20=20=2002c03ab=20feat:=20=E4=BF=AE=E6=94=B9=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E9=BB=98=E8=AE=A4=E7=8A=B6=E6=80=81=20=20=20=20=20=208bdc2aa?=
 =?UTF-8?q?=20feat:=20=E5=A4=84=E7=90=86mock=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/views/Community/components/DynamicNewsDetail/StockListItem.js b/src/views/Community/components/DynamicNewsDetail/StockListItem.js
index 03fb858a..ac301bf9 100644
--- a/src/views/Community/components/DynamicNewsDetail/StockListItem.js
+++ b/src/views/Community/components/DynamicNewsDetail/StockListItem.js
@@ -126,7 +126,7 @@ const StockListItem = ({
     >
       {/* 单行紧凑布局：名称+涨跌幅 | 分时图 | K线图 | 关联描述 */}
       <HStack spacing={3} align="stretch">
-        {/* 左侧：股票名称 + 涨跌幅（垂直排列） - 收窄 */}
+        {/* 左侧：股票代码 + 名称 + 涨跌幅（垂直排列） - 收窄 */}
         <VStack
           align="stretch"
           spacing={1}
@@ -143,17 +143,29 @@ const StockListItem = ({
             color="white"
             fontSize="xs"
           >
-            <Text
-              fontSize="sm"
-              fontWeight="bold"
-              color={codeColor}
-              noOfLines={1}
-              cursor="pointer"
-              onClick={handleViewDetail}
-              _hover={{ textDecoration: 'underline' }}
-            >
-              {stock.stock_name}
-            </Text>
+            <VStack spacing={0} align="stretch">
+              <Text
+                fontSize="xs"
+                color={codeColor}
+                noOfLines={1}
+                cursor="pointer"
+                onClick={handleViewDetail}
+                _hover={{ textDecoration: 'underline' }}
+              >
+                {stock.stock_code}
+              </Text>
+              <Text
+                fontSize="sm"
+                fontWeight="bold"
+                color={nameColor}
+                noOfLines={1}
+                cursor="pointer"
+                onClick={handleViewDetail}
+                _hover={{ textDecoration: 'underline' }}
+              >
+                {stock.stock_name}
+              </Text>
+            </VStack>
           </Tooltip>
           <HStack spacing={1} align="center">
             <Text
@@ -180,6 +192,8 @@ const StockListItem = ({
         {/* 分时图 - 固定宽度 */}
         <Box
           w="160px"
+          maxH="50px"
+          h="auto"
           borderWidth="1px"
           borderColor={useColorModeValue('blue.100', 'blue.700')}
           borderRadius="md"
@@ -191,6 +205,7 @@ const StockListItem = ({
           }}
           cursor="pointer"
           flexShrink={0}
+          alignSelf="center"
           _hover={{
             borderColor: useColorModeValue('blue.300', 'blue.500'),
             boxShadow: 'sm'
@@ -214,6 +229,8 @@ const StockListItem = ({
         {/* K线图 - 固定宽度 */}
         <Box
           w="160px"
+          maxH="50px"
+          h="auto"
           borderWidth="1px"
           borderColor={useColorModeValue('purple.100', 'purple.700')}
           borderRadius="md"
@@ -225,6 +242,7 @@ const StockListItem = ({
           }}
           cursor="pointer"
           flexShrink={0}
+          alignSelf="center"
           _hover={{
             borderColor: useColorModeValue('purple.300', 'purple.500'),
             boxShadow: 'sm'