feat(Concept): 热门个股标签点击跳转个股详情页

- 卡片视图和列表视图中的股票标签(如"阳光电源")可点击
- 点击后在新标签页打开个股详情页
- 悬停时有放大和颜色变化的视觉反馈
- "+X更多"仍然弹出完整股票列表

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-12-15 17:25:32 +08:00
parent 710dc07582
commit fff937a7d5

View File

@@ -1050,6 +1050,13 @@ const ConceptCenter = () => {
color="white" color="white"
borderRadius="full" borderRadius="full"
px={2} px={2}
cursor="pointer"
_hover={{ bg: 'purple.400', transform: 'scale(1.05)' }}
transition="all 0.2s"
onClick={(e) => {
e.stopPropagation();
window.open(generateCompanyLink(getStockCode(stock)), '_blank');
}}
> >
<TagLabel fontSize="xs">{getStockName(stock)}</TagLabel> <TagLabel fontSize="xs">{getStockName(stock)}</TagLabel>
</Tag> </Tag>
@@ -1332,7 +1339,19 @@ const ConceptCenter = () => {
<> <>
{concept.stocks.slice(0, 3).map((stock, idx) => ( {concept.stocks.slice(0, 3).map((stock, idx) => (
<WrapItem key={idx}> <WrapItem key={idx}>
<Tag size="sm" bg="purple.500" color="white" borderRadius="full"> <Tag
size="sm"
bg="purple.500"
color="white"
borderRadius="full"
cursor="pointer"
_hover={{ bg: 'purple.400', transform: 'scale(1.05)' }}
transition="all 0.2s"
onClick={(e) => {
e.stopPropagation();
window.open(generateCompanyLink(getStockCode(stock)), '_blank');
}}
>
<TagLabel fontSize="xs">{getStockName(stock)}</TagLabel> <TagLabel fontSize="xs">{getStockName(stock)}</TagLabel>
</Tag> </Tag>
</WrapItem> </WrapItem>