feat: 纵向列表(HorizontalDynamicNewsEventCard.js:105-133) - 添加 Tooltip 提示
平铺列表(DynamicNewsEventCard.js:232) - 修改行数限制
This commit is contained in:
@@ -229,7 +229,7 @@ const DynamicNewsEventCard = ({
|
||||
fontWeight="semibold"
|
||||
color={linkColor}
|
||||
lineHeight="1.4"
|
||||
noOfLines={2}
|
||||
noOfLines={3}
|
||||
_hover={{ textDecoration: 'underline' }}
|
||||
>
|
||||
{event.title}
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user