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

update watchlist

Browse Source
This commit is contained in:
zzlgreat
2025-12-16 14:48:40 +08:00
parent a25d8c365b
commit 8727e4dbaf
9 changed files with 160 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/components/Navbars/components/MobileDrawer/MobileDrawer.js
View File

@@ -18,6 +18,7 @@ import {
Link,
Divider,
Avatar,
Image,
useColorModeValue
} from '@chakra-ui/react';
import { useNavigate, useLocation } from 'react-router-dom';
@@ -282,7 +283,55 @@ const MobileDrawer = memo(({
{/* 联系我们 */}
<Box>
<Text fontWeight="bold" mb={2}>联系我们</Text>
<Text fontSize="sm" color={contactTextColor}>敬请期待</Text>
<Text fontSize="xs" color={contactTextColor} mb={3}>
扫码添加，获取更多资讯
</Text>
<HStack spacing={3} justify="center">
{/* 微信群二维码 */}
<VStack spacing={1}>
<Box
borderRadius="md"
overflow="hidden"
boxShadow="sm"
border="1px solid"
borderColor="gray.200"
p={1.5}
bg="white"
>
<Image
src="/images/services/wechat_group.png"
alt="微信群"
boxSize="90px"
objectFit="contain"
/>
</Box>
<Text fontSize="xs" color={contactTextColor}>
微信交流群
</Text>
</VStack>
{/* 小程序二维码 */}
<VStack spacing={1}>
<Box
borderRadius="md"
overflow="hidden"
boxShadow="sm"
border="1px solid"
borderColor="gray.200"
p={1.5}
bg="white"
>
<Image
src="/images/services/wechat_app2.jpg"
alt="小程序"
boxSize="90px"
objectFit="contain"
/>
</Box>
<Text fontSize="xs" color={contactTextColor}>
微信小程序
</Text>
</VStack>
</HStack>
</Box>
{/* 移动端登录/登出按钮 */}

59
src/components/Navbars/components/Navigation/DesktopNav.js
View File

@@ -4,6 +4,7 @@
import React, { memo, useCallback } from 'react';
import {
HStack,
VStack,
Menu,
MenuButton,
MenuList,
@@ -12,6 +13,8 @@ import {
Text,
Flex,
Badge,
Image,
Box,
useColorModeValue
} from '@chakra-ui/react';
import { ChevronDownIcon } from '@chakra-ui/icons';
@@ -279,12 +282,64 @@ const DesktopNav = memo(({ isAuthenticated, user }) => {
联系我们
</MenuButton>
<MenuList
minW="260px"
minW="340px"
p={4}
onMouseEnter={contactUsMenu.handleMouseEnter}
onMouseLeave={contactUsMenu.handleMouseLeave}
>
<Text fontSize="sm" color={contactTextColor}>敬请期待</Text>
<Text fontSize="sm" fontWeight="bold" mb={3} color={contactTextColor}>
扫码添加，获取更多资讯
</Text>
<HStack spacing={4} justify="center">
{/* 微信群二维码 */}
<VStack spacing={2}>
<Box
borderRadius="lg"
overflow="hidden"
boxShadow="sm"
border="1px solid"
borderColor="gray.200"
p={2}
bg="white"
_hover={{ boxShadow: 'md', transform: 'scale(1.02)' }}
transition="all 0.2s"
>
<Image
src="/images/services/wechat_group.png"
alt="微信群"
boxSize="120px"
objectFit="contain"
/>
</Box>
<Text fontSize="xs" color={contactTextColor} fontWeight="medium">
微信交流群
</Text>
</VStack>
{/* 小程序二维码 */}
<VStack spacing={2}>
<Box
borderRadius="lg"
overflow="hidden"
boxShadow="sm"
border="1px solid"
borderColor="gray.200"
p={2}
bg="white"
_hover={{ boxShadow: 'md', transform: 'scale(1.02)' }}
transition="all 0.2s"
>
<Image
src="/images/services/wechat_app2.jpg"
alt="小程序"
boxSize="120px"
objectFit="contain"
/>
</Box>
<Text fontSize="xs" color={contactTextColor} fontWeight="medium">
微信小程序
</Text>
</VStack>
</HStack>
</MenuList>
</Menu>
</HStack>