feat(Concept): 股票数量和更多按钮可点击弹出股票列表

- 卡片视图:右上角"X只股票"徽章可点击
- 列表视图:"X只股票"文字可点击
- 列表视图:"+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 16:50:55 +08:00
parent 59fdb150a9
commit 1ecd3e6d10

View File

@@ -963,7 +963,7 @@ const ConceptCenter = () => {
</Badge> </Badge>
)} )}
{/* 右上角股票数量徽章 */} {/* 右上角股票数量徽章 - 可点击 */}
<Badge <Badge
position="absolute" position="absolute"
top={3} top={3}
@@ -978,6 +978,13 @@ const ConceptCenter = () => {
fontWeight="medium" fontWeight="medium"
border="1px solid" border="1px solid"
borderColor="whiteAlpha.200" borderColor="whiteAlpha.200"
cursor="pointer"
_hover={{
bg: 'rgba(139, 92, 246, 0.6)',
borderColor: 'purple.400',
}}
transition="all 0.2s"
onClick={(e) => handleViewStocks(e, concept)}
> >
{concept.stock_count || 0} 只股票 {concept.stock_count || 0} 只股票
</Badge> </Badge>
@@ -1233,9 +1240,15 @@ const ConceptCenter = () => {
</Text> </Text>
<HStack spacing={4} flexWrap="wrap"> <HStack spacing={4} flexWrap="wrap">
<HStack spacing={1}> <HStack
spacing={1}
cursor="pointer"
onClick={(e) => handleViewStocks(e, concept)}
_hover={{ color: 'purple.300' }}
transition="color 0.2s"
>
<Icon as={FaChartLine} boxSize={4} color="purple.300" /> <Icon as={FaChartLine} boxSize={4} color="purple.300" />
<Text fontSize="sm" fontWeight="medium" color="whiteAlpha.800"> <Text fontSize="sm" fontWeight="medium" color="whiteAlpha.800" _groupHover={{ color: 'purple.300' }}>
{concept.stock_count || 0} 只股票 {concept.stock_count || 0} 只股票
</Text> </Text>
</HStack> </HStack>
@@ -1332,7 +1345,14 @@ const ConceptCenter = () => {
))} ))}
{concept.stocks.length > 3 && ( {concept.stocks.length > 3 && (
<WrapItem> <WrapItem>
<Text fontSize="xs" color="purple.300" fontWeight="medium"> <Text
fontSize="xs"
color="purple.300"
fontWeight="medium"
cursor="pointer"
_hover={{ color: 'purple.200', textDecoration: 'underline' }}
onClick={(e) => handleViewStocks(e, concept)}
>
+{concept.stocks.length - 3}更多 +{concept.stocks.length - 3}更多
</Text> </Text>
</WrapItem> </WrapItem>