fix: 去除个股中心动画，添加mock数据

src/views/StockOverview/index.js

@@ -42,7 +42,6 @@ import {
   useDisclosure,
   Image,
   Fade,
-  ScaleFade,
   Collapse,
   Stack,
   Progress,
@@ -58,25 +57,12 @@ import {
 import { SearchIcon, CloseIcon, ArrowForwardIcon, TrendingUpIcon, InfoIcon, ChevronRightIcon, MoonIcon, SunIcon, CalendarIcon } from '@chakra-ui/icons';
 import { FaChartLine, FaFire, FaRocket, FaBrain, FaCalendarAlt, FaChevronRight, FaArrowUp, FaArrowDown, FaChartBar } from 'react-icons/fa';
 import { BsGraphUp, BsLightningFill } from 'react-icons/bs';
-import { keyframes } from '@emotion/react';
 import * as echarts from 'echarts';
 import { logger } from '../../utils/logger';
 import { useStockOverviewEvents } from './hooks/useStockOverviewEvents';
 // Navigation bar now provided by MainLayout
 // import HomeNavbar from '../../components/Navbars/HomeNavbar';
 
-// 动画定义
-const pulseAnimation = keyframes`
-  0% { transform: scale(1); }
-  50% { transform: scale(1.05); }
-  100% { transform: scale(1); }
-`;
-
-const floatAnimation = keyframes`
-  0%, 100% { transform: translateY(0px); }
-  50% { transform: translateY(-10px); }
-`;
-
 const StockOverview = () => {
   const navigate = useNavigate();
   const toast = useToast();
@@ -622,7 +608,7 @@ const StockOverview = () => {
         <Container maxW="container.xl" position="relative">
           <VStack spacing={8} align="center">
             <VStack spacing={4} textAlign="center" maxW="3xl">
-              <HStack spacing={3} animation={`${floatAnimation} 3s ease-in-out infinite`}>
+              <HStack spacing={3}>
                 <Icon as={BsGraphUp} boxSize={12} color={colorMode === 'dark' ? goldColor : 'white'} />
                 <Heading 
                   as="h1" 
@@ -922,8 +908,8 @@ const StockOverview = () => {
           ) : (
             <SimpleGrid columns={{ base: 1, md: 2, lg: 3 }} spacing={6}>
               {topConcepts.map((concept, index) => (
-                <ScaleFade in={true} initialScale={0.9} key={concept.concept_id}>
                   <Card
+                    key={concept.concept_id}
                     bg={cardBg}
                     borderWidth="1px"
                     borderColor={borderColor}
@@ -964,7 +950,6 @@ const StockOverview = () => {
                       px={3}
                       py={1}
                       borderRadius="full"
-                      animation={Math.abs(concept.change_percent) > 5 ? `${pulseAnimation} 2s infinite` : 'none'}
                       border={colorMode === 'dark' ? '1px solid' : 'none'}
                       borderColor={colorMode === 'dark' ? concept.change_percent > 0 ? '#ff4d4d' : '#22c55e' : 'transparent'}
                     >
@@ -1039,7 +1024,6 @@ const StockOverview = () => {
                       </VStack>
                     </CardBody>
                   </Card>
-                </ScaleFade>
               ))}
             </SimpleGrid>
           )}