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:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user