vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update pay ui

Browse Source
This commit is contained in:
zzlgreat
2025-12-05 16:31:43 +08:00
parent d54478ebe9
commit d2c6442963
2 changed files with 40 additions and 204 deletions
Download Patch File Download Diff File Expand all files Collapse all files

148
src/views/Concept/components/HierarchyView.js
View File

@@ -802,94 +802,56 @@ const HierarchyView = ({
right={isFullscreen ? 0 : 'auto'}
bottom={isFullscreen ? 0 : 'auto'}
zIndex={isFullscreen ? 1000 : 'auto'}
bg="slate.950"
bgGradient="linear(to-br, gray.900, slate.900, gray.900)"
p={{ base: 3, md: 5 }}
borderRadius={isFullscreen ? '0' : '3xl'}
overflow={isFullscreen ? 'auto' : 'hidden'}
minH="500px"
bg={isFullscreen ? 'slate.950' : 'transparent'}
bgGradient={isFullscreen ? 'linear(to-br, gray.900, slate.900, gray.900)' : undefined}
p={{ base: 0, md: 0 }}
borderRadius={isFullscreen ? '0' : '0'}
overflow={isFullscreen ? 'auto' : 'visible'}
minH="auto"
>
{/* 极光背景 */}
<AuroraBackground />
{/* 极光背景 - 仅全屏时显示 */}
{isFullscreen && <AuroraBackground />}
{/* 内容层 */}
<Box position="relative" zIndex={1}>
{/* 工具栏 */}
{/* 简化的工具栏 - 仅显示功能按钮 */}
<Flex
justify="space-between"
justify="flex-end"
align="center"
mb={5}
flexWrap="wrap"
gap={3}
mb={4}
gap={2}
>
<HStack spacing={3}>
<Box
p={2}
{priceLoading && (
<Spinner size="sm" color="purple.300" mr={2} />
)}
<Tooltip label="刷新涨跌幅" placement="top">
<IconButton
size="sm"
icon={<FaSync />}
onClick={handleRefreshPrice}
isLoading={priceLoading}
bg="whiteAlpha.100"
borderRadius="xl"
backdropFilter="blur(10px)"
color="white"
border="1px solid"
borderColor="whiteAlpha.200"
>
<Icon as={FaLayerGroup} color="purple.300" boxSize={5} />
</Box>
<VStack align="start" spacing={0}>
<Text fontSize="lg" fontWeight="bold" color="white">
{getCurrentTitle()}
</Text>
<HStack spacing={2}>
<Text fontSize="xs" color="whiteAlpha.600">
{getLevelDesc()} · {currentData.length} 项
</Text>
{tradeDate && (
<Badge
bg="blue.500"
color="white"
fontSize="xs"
px={2}
borderRadius="full"
boxShadow="0 0 10px rgba(59, 130, 246, 0.5)"
>
{tradeDate}
</Badge>
)}
</HStack>
</VStack>
{priceLoading && (
<Spinner size="sm" color="purple.300" />
)}
</HStack>
_hover={{ bg: 'whiteAlpha.200' }}
aria-label="刷新涨跌幅"
/>
</Tooltip>
<HStack spacing={2}>
<Tooltip label="刷新涨跌幅" placement="top">
<IconButton
size="sm"
icon={<FaSync />}
onClick={handleRefreshPrice}
isLoading={priceLoading}
bg="whiteAlpha.100"
color="white"
border="1px solid"
borderColor="whiteAlpha.200"
_hover={{ bg: 'whiteAlpha.200' }}
aria-label="刷新涨跌幅"
/>
</Tooltip>
<Tooltip label={isFullscreen ? '退出全屏' : '全屏'} placement="top">
<IconButton
size="sm"
icon={isFullscreen ? <FaCompress /> : <FaExpand />}
onClick={toggleFullscreen}
bg="whiteAlpha.100"
color="white"
border="1px solid"
borderColor="whiteAlpha.200"
_hover={{ bg: 'whiteAlpha.200' }}
aria-label={isFullscreen ? '退出全屏' : '全屏'}
/>
</Tooltip>
</HStack>
<Tooltip label={isFullscreen ? '退出全屏' : '全屏'} placement="top">
<IconButton
size="sm"
icon={isFullscreen ? <FaCompress /> : <FaExpand />}
onClick={toggleFullscreen}
bg="whiteAlpha.100"
color="white"
border="1px solid"
borderColor="whiteAlpha.200"
_hover={{ bg: 'whiteAlpha.200' }}
aria-label={isFullscreen ? '退出全屏' : '全屏'}
/>
</Tooltip>
</Flex>
{/* 面包屑导航 */}
@@ -967,38 +929,6 @@ const HierarchyView = ({
))}
</SimpleGrid>
{/* 统计信息 */}
<Flex
justify="center"
mt={6}
gap={3}
flexWrap="wrap"
>
<Badge
bg="purple.500"
color="white"
px={4}
py={2}
borderRadius="full"
fontSize="sm"
boxShadow="0 0 20px rgba(139, 92, 246, 0.4)"
>
当前显示 {currentData.length} 个{getLevelDesc()}
</Badge>
{currentLevel === 'lv1' && (
<Badge
bg="cyan.500"
color="white"
px={4}
py={2}
borderRadius="full"
fontSize="sm"
boxShadow="0 0 20px rgba(6, 182, 212, 0.4)"
>
共 {hierarchy.reduce((acc, h) => acc + h.concept_count, 0)} 个概念
</Badge>
)}
</Flex>
</Box>
</Box>
);