update pay ui

This commit is contained in:
2025-12-10 14:49:37 +08:00
parent 3adefc6225
commit b838777a42
3 changed files with 19 additions and 28 deletions

View File

@@ -203,23 +203,19 @@ const MobileDrawer = memo(({
<Badge size="xs" colorScheme="green">HOT</Badge> <Badge size="xs" colorScheme="green">HOT</Badge>
</HStack> </HStack>
</Link> </Link>
<Link <Box
onClick={() => handleNavigate('/trading-simulation')}
py={1} py={1}
px={3} px={3}
borderRadius="md" borderRadius="md"
_hover={{ bg: 'gray.100' }} cursor="not-allowed"
cursor="pointer" opacity={0.5}
bg={location.pathname.includes('/trading-simulation') ? 'blue.50' : 'transparent'} bg="transparent"
borderLeft={location.pathname.includes('/trading-simulation') ? '3px solid' : 'none'}
borderColor="blue.600"
fontWeight={location.pathname.includes('/trading-simulation') ? 'bold' : 'normal'}
> >
<HStack justify="space-between"> <HStack justify="space-between">
<Text fontSize="sm">模拟盘</Text> <Text fontSize="sm" color="gray.400">模拟盘</Text>
<Badge size="xs" colorScheme="red">NEW</Badge> <Badge size="xs" colorScheme="gray">即将推出</Badge>
</HStack> </HStack>
</Link> </Box>
</VStack> </VStack>
</Box> </Box>

View File

@@ -177,19 +177,15 @@ const DesktopNav = memo(({ isAuthenticated, user }) => {
</Flex> </Flex>
</MenuItem> </MenuItem>
<MenuItem <MenuItem
onClick={() => { isDisabled
navigate('/trading-simulation');
marketReviewMenu.onClose(); // 跳转后关闭菜单
}}
borderRadius="md" borderRadius="md"
bg={location.pathname.includes('/trading-simulation') ? 'blue.50' : 'transparent'} bg="transparent"
borderLeft={location.pathname.includes('/trading-simulation') ? '3px solid' : 'none'} opacity={0.5}
borderColor="blue.600" cursor="not-allowed"
fontWeight={location.pathname.includes('/trading-simulation') ? 'bold' : 'normal'}
> >
<Flex justify="space-between" align="center" w="100%"> <Flex justify="space-between" align="center" w="100%">
<Text fontSize="sm">模拟盘</Text> <Text fontSize="sm" color="gray.400">模拟盘</Text>
<Badge size="sm" colorScheme="red">NEW</Badge> <Badge size="sm" colorScheme="gray">即将推出</Badge>
</Flex> </Flex>
</MenuItem> </MenuItem>
</MenuList> </MenuList>

View File

@@ -122,16 +122,15 @@ const MoreMenu = memo(({ isAuthenticated, user }) => {
</Flex> </Flex>
</MenuItem> </MenuItem>
<MenuItem <MenuItem
onClick={() => { isDisabled
moreMenu.onClose(); // 先关闭菜单
navigate('/trading-simulation');
}}
borderRadius="md" borderRadius="md"
bg={location.pathname.includes('/trading-simulation') ? 'blue.50' : 'transparent'} bg="transparent"
opacity={0.5}
cursor="not-allowed"
> >
<Flex justify="space-between" align="center" w="100%"> <Flex justify="space-between" align="center" w="100%">
<Text fontSize="sm">模拟盘</Text> <Text fontSize="sm" color="gray.400">模拟盘</Text>
<Badge size="sm" colorScheme="red">NEW</Badge> <Badge size="sm" colorScheme="gray">即将推出</Badge>
</Flex> </Flex>
</MenuItem> </MenuItem>