更新Company页面的UI为FUI风格

This commit is contained in:
2025-12-17 19:08:06 +08:00
parent 4eb8310038
commit 7054124eaf

View File

@@ -18,7 +18,6 @@ import {
Button,
Icon,
Skeleton,
keyframes,
} from '@chakra-ui/react';
import { AutoComplete, Spin } from 'antd';
import { Search, Star, TrendingUp, TrendingDown } from 'lucide-react';
@@ -27,12 +26,6 @@ import { THEME, getSearchBoxStyles } from '../../config';
import { FUI_COLORS, FUI_GLOW, FUI_ANIMATION, FUI_GLASS } from '../../theme/fui';
import type { CompanyHeaderProps, StockSearchResult } from '../../types';
// 发光脉冲动画
const glowPulse = keyframes`
0%, 100% { box-shadow: 0 0 20px rgba(212, 175, 55, 0.2); }
50% { box-shadow: 0 0 30px rgba(212, 175, 55, 0.4); }
`;
/**
* 股票信息展示组件 - FUI 风格
*/
@@ -313,7 +306,7 @@ const SearchActions = memo<{
fontWeight="bold"
borderRadius="10px"
transition={`all ${FUI_ANIMATION.duration.fast} ${FUI_ANIMATION.easing.default}`}
sx={isInWatchlist ? { animation: `${glowPulse} 3s ease-in-out infinite` } : undefined}
sx={isInWatchlist ? { animation: 'glowPulse 3s ease-in-out infinite' } : undefined}
>
{isInWatchlist ? '已自选' : '自选'}
</Button>