feat: 核心页面添加风险提示

src/components/RiskDisclaimer/RiskDisclaimer.js

@@ -1,7 +1,6 @@
 // src/components/RiskDisclaimer/RiskDisclaimer.js
 import React from 'react';
 import { Box, Text, HStack, Icon, useColorModeValue } from '@chakra-ui/react';
-import { FaExclamationTriangle } from 'react-icons/fa';
 
 /**
  * 风险提示组件
@@ -15,6 +14,8 @@ const RiskDisclaimer = ({
   text,
   variant = 'default',
   sx = {},
+  mt = 0,
+  mb = 0,
   ...rest
 }) => {
   // 极简风格 - 透明背景，固定灰色文字
@@ -33,14 +34,14 @@ const RiskDisclaimer = ({
   return (
     <Box
       bg="transparent"
-      p={3}
+      p={0}
-      mt={4}
+      mt={mt}
-      mb={4}
+      mb={mb}
       width="100%"
       sx={sx}
       {...rest}
     >
-      <HStack spacing={2} align="flex-start">
+      <HStack spacing={0} align="flex-start">
         <Text
           fontSize="xs"
           color={textColor}

src/components/RiskDisclaimer/index.js

@@ -0,0 +1,2 @@
+// src/components/RiskDisclaimer/index.js
+export { default } from './RiskDisclaimer';

src/layouts/AppFooter.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Box, Container, VStack, HStack, Text, Link, useColorModeValue } from '@chakra-ui/react';
+import RiskDisclaimer from '../components/RiskDisclaimer';
 
 /**
  * 应用通用页脚组件
@@ -10,6 +11,7 @@ const AppFooter = () => {
     <Box bg={useColorModeValue('gray.100', 'gray.800')} py={6} mt={8}>
       <Container maxW="container.xl">
         <VStack spacing={2}>
+          <RiskDisclaimer />
           <Text color="gray.500" fontSize="sm">
             © 2024 价值前沿. 保留所有权利.
           </Text>