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 = ({
- {/* 分时图 - 响应式宽度 */}
+ {/* 分时图 - 紧凑高度 */}
{
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}
>
📈 分时
-
+
- {/* K线图 - 响应式宽度 */}
+ {/* K线图 - 紧凑高度 */}
{
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}
>
📊 日线
-
+