Files
vf_react/src/layouts/AppFooter.js
zdl b32e3535f5 refactor(layout): 统一 z-index 配置
- layoutConfig.js: 添加 Z_INDEX.FOOTER (1000,与 NAVBAR 同级)
- HomeNavbar.js: zIndex 从硬编码 1000 改为 Z_INDEX.NAVBAR
- AppFooter.js: 添加 zIndex={Z_INDEX.FOOTER}

导航栏和页脚的 z-index 现在统一在 layoutConfig.js 中配置。

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-25 13:01:49 +08:00

40 lines
1.2 KiB
JavaScript

import React from 'react';
import { Box, VStack, HStack, Text, Link, useColorModeValue } from '@chakra-ui/react';
import RiskDisclaimer from '../components/RiskDisclaimer';
import { LAYOUT_PADDING, Z_INDEX } from './config/layoutConfig';
/**
* 应用通用页脚组件
* 包含版权信息、备案号等
*/
const AppFooter = () => {
return (
<Box bg={useColorModeValue('gray.100', 'gray.800')} py={2} px={LAYOUT_PADDING.x} zIndex={Z_INDEX.FOOTER} position="relative">
<VStack spacing={1}>
<RiskDisclaimer />
<Text color="gray.500" fontSize="sm">
© 2024 价值前沿. 保留所有权利.
</Text>
<HStack spacing={1} fontSize="xs" color="gray.400">
<Link
href="https://beian.mps.gov.cn/#/query/webSearch?code=11010802046286"
isExternal
_hover={{ color: 'gray.600' }}
>
京公网安备11010802046286号
</Link>
<Link
href="https://beian.miit.gov.cn/"
isExternal
_hover={{ color: 'gray.600' }}
>
京ICP备2025107343号-1
</Link>
</HStack>
</VStack>
</Box>
);
};
export default AppFooter;