diff --git a/src/views/Community/components/DynamicNewsDetail/StockListItem.js b/src/views/Community/components/DynamicNewsDetail/StockListItem.js index 62d7e684..1a3ea80d 100644 --- a/src/views/Community/components/DynamicNewsDetail/StockListItem.js +++ b/src/views/Community/components/DynamicNewsDetail/StockListItem.js @@ -6,7 +6,6 @@ import { Box, Flex, VStack, - SimpleGrid, Text, Button, IconButton, @@ -167,56 +166,49 @@ const StockListItem = ({ - {/* 第二行:公司名称(彩色高亮) */} - - {stock.stock_name} - + {/* 第二行:公司名称 + 分时图 + K线图 */} + + {/* 左侧:公司名称 */} + + {stock.stock_name} + + + {/* 右侧:分时图 + K线图 */} + e.stopPropagation()}> + {/* 分时图 */} + + setIsModalOpen(true)} + /> + + + {/* K线图 */} + + setIsModalOpen(true)} + /> + + + {/* 分隔线 */} - {/* 分时图 & K线图 - 左右布局 */} - - - {/* 左侧:分时图 */} - e.stopPropagation()}> - - 分时图 - - setIsModalOpen(true)} - /> - - - {/* 右侧:K线图 */} - e.stopPropagation()}> - - 日K线 - - setIsModalOpen(true)} - /> - - - - - {/* 分隔线 */} - - {/* 关联描述 */} {relationText && relationText !== '--' && ( @@ -269,14 +261,16 @@ const StockListItem = ({ - {/* 股票详情弹窗 */} - setIsModalOpen(false)} - stock={stock} - eventTime={eventTime} - size="6xl" - /> + {/* 股票详情弹窗 - 未打开时不渲染 */} + {isModalOpen && ( + setIsModalOpen(false)} + stock={stock} + eventTime={eventTime} + size="6xl" + /> + )} ); };