diff --git a/src/components/Navbars/HomeNavbar.js b/src/components/Navbars/HomeNavbar.js index 49e1dc65..d52ecc20 100644 --- a/src/components/Navbars/HomeNavbar.js +++ b/src/components/Navbars/HomeNavbar.js @@ -55,7 +55,7 @@ import { useProfileCompleteness } from '../../hooks/useProfileCompleteness'; import NavbarActions from './components/NavbarActions'; // 布局配置 -import { LAYOUT_PADDING } from '../../layouts/config/layoutConfig'; +import { LAYOUT_PADDING, Z_INDEX } from '../../layouts/config/layoutConfig'; // Phase 4: MoreNavMenu 和 NavItems 组件已提取到 Navigation 目录 @@ -146,7 +146,7 @@ export default function HomeNavbar() { top={showCompletenessAlert ? "60px" : 0} left={0} right={0} - zIndex={1000} + zIndex={Z_INDEX.NAVBAR} bg={navbarBg} backdropFilter="blur(10px)" borderBottom="1px" diff --git a/src/layouts/AppFooter.js b/src/layouts/AppFooter.js index 47aa40a0..68981f23 100644 --- a/src/layouts/AppFooter.js +++ b/src/layouts/AppFooter.js @@ -1,7 +1,7 @@ import React from 'react'; import { Box, VStack, HStack, Text, Link, useColorModeValue } from '@chakra-ui/react'; import RiskDisclaimer from '../components/RiskDisclaimer'; -import { LAYOUT_PADDING } from './config/layoutConfig'; +import { LAYOUT_PADDING, Z_INDEX } from './config/layoutConfig'; /** * 应用通用页脚组件 @@ -9,7 +9,7 @@ import { LAYOUT_PADDING } from './config/layoutConfig'; */ const AppFooter = () => { return ( - + diff --git a/src/layouts/config/layoutConfig.js b/src/layouts/config/layoutConfig.js index 675b7cf0..a2b6f31d 100644 --- a/src/layouts/config/layoutConfig.js +++ b/src/layouts/config/layoutConfig.js @@ -40,6 +40,7 @@ export const Z_INDEX = { // === 导航相关 (1000-1499) === NAVBAR: 1000, // 顶部导航栏 + FOOTER: 1000, // 页脚(与导航栏同级) CONNECTION_STATUS: 1050, // 连接状态栏 PROFILE_ALERT: 1100, // 个人资料提示