fix(UI): 优化市值热力图和概念统计列表交互
- StockOverview: 启用热力图面包屑导航,支持返回上一级 - ConceptStatsPanel: 移除统计列表 400px 高度限制,改为自适应高度 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -260,24 +260,7 @@ const ConceptStatsPanel = ({ apiBaseUrl, onConceptClick }) => {
|
|||||||
))}
|
))}
|
||||||
</VStack>
|
</VStack>
|
||||||
) : (
|
) : (
|
||||||
<VStack spacing={2} align="stretch" maxH="400px" overflowY="auto"
|
<VStack spacing={2} align="stretch">
|
||||||
css={{
|
|
||||||
'&::-webkit-scrollbar': {
|
|
||||||
width: '4px',
|
|
||||||
},
|
|
||||||
'&::-webkit-scrollbar-track': {
|
|
||||||
background: 'rgba(255,255,255,0.05)',
|
|
||||||
borderRadius: '10px',
|
|
||||||
},
|
|
||||||
'&::-webkit-scrollbar-thumb': {
|
|
||||||
background: 'rgba(255,255,255,0.2)',
|
|
||||||
borderRadius: '10px',
|
|
||||||
},
|
|
||||||
'&::-webkit-scrollbar-thumb:hover': {
|
|
||||||
background: 'rgba(255,255,255,0.3)',
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{data?.map((item, index) => (
|
{data?.map((item, index) => (
|
||||||
<Box key={index}>
|
<Box key={index}>
|
||||||
{renderItem(item, index)}
|
{renderItem(item, index)}
|
||||||
|
|||||||
@@ -392,7 +392,27 @@ const StockOverview = () => {
|
|||||||
leafDepth: 1,
|
leafDepth: 1,
|
||||||
roam: false,
|
roam: false,
|
||||||
breadcrumb: {
|
breadcrumb: {
|
||||||
show: false
|
show: true,
|
||||||
|
top: 10,
|
||||||
|
left: 10,
|
||||||
|
itemStyle: {
|
||||||
|
color: colorMode === 'dark' ? '#1a1a2e' : '#f0f0f0',
|
||||||
|
borderColor: colorMode === 'dark' ? goldColor : '#ccc',
|
||||||
|
borderWidth: 1,
|
||||||
|
shadowBlur: colorMode === 'dark' ? 5 : 0,
|
||||||
|
shadowColor: colorMode === 'dark' ? `${goldColor}40` : 'transparent',
|
||||||
|
textStyle: {
|
||||||
|
color: colorMode === 'dark' ? goldColor : '#333'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
emphasis: {
|
||||||
|
itemStyle: {
|
||||||
|
color: colorMode === 'dark' ? goldColor : '#e0e0e0',
|
||||||
|
textStyle: {
|
||||||
|
color: colorMode === 'dark' ? '#0a0a0a' : '#333'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
levels: [
|
levels: [
|
||||||
|
|||||||
Reference in New Issue
Block a user