feat: 纵向列表(HorizontalDynamicNewsEventCard.js:105-133) - 添加 Tooltip 提示

平铺列表(DynamicNewsEventCard.js:232) - 修改行数限制
This commit is contained in:
zdl
2025-11-05 16:40:35 +08:00
parent 62ae2e0803
commit ca52d3bd87
2 changed files with 29 additions and 17 deletions

View File

@@ -229,7 +229,7 @@ const DynamicNewsEventCard = ({
fontWeight="semibold"
color={linkColor}
lineHeight="1.4"
noOfLines={2}
noOfLines={3}
_hover={{ textDecoration: 'underline' }}
>
{event.title}

View File

@@ -101,7 +101,18 @@ const HorizontalDynamicNewsEventCard = ({
</Box>
<VStack align="stretch" spacing={1.5}>
{/* 标题 - 最多两行,添加左右边距避免与横向徽章和关注按钮重叠 */}
{/* 标题 - 最多两行,hover 显示完整内容 */}
<Tooltip
label={event.title}
placement="top"
hasArrow
bg="gray.700"
color="white"
fontSize="sm"
p={2}
borderRadius="md"
isDisabled={event.title.length < 40}
>
<Box
cursor="pointer"
onClick={(e) => onTitleClick?.(e, event)}
@@ -119,6 +130,7 @@ const HorizontalDynamicNewsEventCard = ({
{event.title}
</Text>
</Box>
</Tooltip>
{/* 第二行:涨跌幅数据 */}
<StockChangeIndicators