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

feat: 桌面端导航判断调整

Browse Source
This commit is contained in:
zdl
2025-11-21 14:07:04 +08:00
parent 796c623197
commit e8b3d13c0a
1 changed files with 4 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Navbars/HomeNavbar.js
View File

@@ -44,7 +44,7 @@ import { useSubscription } from '../../hooks/useSubscription';
import { DesktopUserMenu, TabletUserMenu } from './components/UserMenu'; import { DesktopUserMenu, TabletUserMenu } from './components/UserMenu';
// Phase 4 优化: 提取的导航菜单组件 // Phase 4 优化: 提取的导航菜单组件
import { DesktopNav, MoreMenu, PersonalCenterMenu } from './components/Navigation'; import { DesktopNav, PersonalCenterMenu } from './components/Navigation';
// Phase 5 优化: 提取的移动端抽屉菜单组件 // Phase 5 优化: 提取的移动端抽屉菜单组件
import { MobileDrawer } from './components/MobileDrawer'; import { MobileDrawer } from './components/MobileDrawer';
@@ -67,7 +67,6 @@ export default function HomeNavbar() {
const { isOpen, onOpen, onClose } = useDisclosure(); const { isOpen, onOpen, onClose } = useDisclosure();
const navigate = useNavigate(); const navigate = useNavigate();
const isMobile = useBreakpointValue({ base: true, md: false }); const isMobile = useBreakpointValue({ base: true, md: false });
const isTablet = useBreakpointValue({ base: false, md: true, lg: false });
const isDesktop = useBreakpointValue({ base: false, md: false, lg: true }); const isDesktop = useBreakpointValue({ base: false, md: false, lg: true });
const { user, isAuthenticated, logout, isLoading } = useAuth(); const { user, isAuthenticated, logout, isLoading } = useAuth();
const { openAuthModal } = useAuthModal(); const { openAuthModal } = useAuthModal();
@@ -167,14 +166,9 @@ export default function HomeNavbar() {
<BrandLogo /> <BrandLogo />
{/* 中间导航区域 - 响应式 (Phase 4 优化) */} {/* 中间导航区域 - 响应式 (Phase 4 优化) */}
{!isMobile && ( {isDesktop && (
isTablet ? ( // 桌面端：完整导航菜单（移动端和平板端的汉堡菜单已移至右侧）
// 中屏（平板）："更多"下拉菜单
<MoreMenu isAuthenticated={isAuthenticated} user={user} />
) : (
// 大屏（桌面）：完整导航菜单
<DesktopNav isAuthenticated={isAuthenticated} user={user} /> <DesktopNav isAuthenticated={isAuthenticated} user={user} />
)
)} )}
{/* 右侧功能区 (Phase 7 优化) */} {/* 右侧功能区 (Phase 7 优化) */}
@@ -183,7 +177,6 @@ export default function HomeNavbar() {
isAuthenticated={isAuthenticated} isAuthenticated={isAuthenticated}
user={user} user={user}
isDesktop={isDesktop} isDesktop={isDesktop}
isMobile={isMobile}
onMenuOpen={onOpen} onMenuOpen={onOpen}
handleLogout={handleLogout} handleLogout={handleLogout}
watchlistQuotes={watchlistQuotes} watchlistQuotes={watchlistQuotes}