feat: 添加appfooter
This commit is contained in:
32
src/layouts/AppFooter.js
Normal file
32
src/layouts/AppFooter.js
Normal file
@@ -0,0 +1,32 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { Box, Container, VStack, HStack, Text, Link, useColorModeValue } from '@chakra-ui/react';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 应用通用页脚组件
|
||||||
|
* 包含版权信息、备案号等
|
||||||
|
*/
|
||||||
|
const AppFooter = () => {
|
||||||
|
return (
|
||||||
|
<Box bg={useColorModeValue('gray.100', 'gray.800')} py={6} mt={8}>
|
||||||
|
<Container maxW="container.xl">
|
||||||
|
<VStack spacing={2}>
|
||||||
|
<Text color="gray.500" fontSize="sm">
|
||||||
|
© 2024 价值前沿. 保留所有权利.
|
||||||
|
</Text>
|
||||||
|
<HStack spacing={4} fontSize="xs" color="gray.400">
|
||||||
|
<Link
|
||||||
|
href="https://beian.mps.gov.cn/#/query/webSearch?code=11010802046286"
|
||||||
|
isExternal
|
||||||
|
_hover={{ color: 'gray.600' }}
|
||||||
|
>
|
||||||
|
京公网安备11010802046286号
|
||||||
|
</Link>
|
||||||
|
<Text>京ICP备2025107343号-1</Text>
|
||||||
|
</HStack>
|
||||||
|
</VStack>
|
||||||
|
</Container>
|
||||||
|
</Box>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default AppFooter;
|
||||||
Reference in New Issue
Block a user