diff --git a/src/views/Community/components/DynamicNewsDetail/MiniKLineChart.js b/src/views/Community/components/DynamicNewsDetail/MiniKLineChart.js
index a12324ea..1dd23399 100644
--- a/src/views/Community/components/DynamicNewsDetail/MiniKLineChart.js
+++ b/src/views/Community/components/DynamicNewsDetail/MiniKLineChart.js
@@ -161,8 +161,8 @@ const MiniKLineChart = React.memo(function MiniKLineChart({ stockCode, eventTime
return (
- {/* 顶部:股票代码 + 名称 + 操作按钮 */}
-
- {/* 左侧:代码 + 名称 */}
-
-
- {stock.stock_code}
-
-
- {stock.stock_name}
-
-
- {formatChange(change)}
-
+ {/* 顶部:股票代码 + 名称 + 操作按钮(上下两行布局) */}
+
+ {/* 第一行:股票代码 + 涨跌幅 + 操作按钮 */}
+
+ {/* 左侧:代码 + 涨跌幅 */}
+
+
+ {stock.stock_code}
+
+
+ {formatChange(change)}
+
+
+
+ {/* 右侧:操作按钮 */}
+
+ {onWatchlistToggle && (
+ }
+ onClick={handleWatchlistClick}
+ aria-label={isInWatchlist ? '已关注' : '加自选'}
+ title={isInWatchlist ? '已关注' : '加自选'}
+ />
+ )}
+
+
- {/* 右侧:操作按钮 */}
-
- {onWatchlistToggle && (
- }
- onClick={handleWatchlistClick}
- aria-label={isInWatchlist ? '已关注' : '加自选'}
- title={isInWatchlist ? '已关注' : '加自选'}
- />
- )}
-
-
-
+ {/* 第二行:公司名称(彩色高亮) */}
+
+ {stock.stock_name}
+
+
{/* 分隔线 */}
@@ -209,7 +224,19 @@ const StockListItem = ({
关联描述:
-
+ {
+ if (needTruncate) {
+ e.stopPropagation();
+ setIsDescExpanded(!isDescExpanded);
+ }
+ }}
+ _hover={needTruncate ? { opacity: 0.8 } : {}}
+ >
{relationText}
diff --git a/src/views/Community/components/StockDetailPanel/components/MiniTimelineChart.js b/src/views/Community/components/StockDetailPanel/components/MiniTimelineChart.js
index 73f60c9b..2913ebb3 100644
--- a/src/views/Community/components/StockDetailPanel/components/MiniTimelineChart.js
+++ b/src/views/Community/components/StockDetailPanel/components/MiniTimelineChart.js
@@ -165,8 +165,8 @@ const MiniTimelineChart = React.memo(function MiniTimelineChart({ stockCode, eve
return (