vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新Company页面的UI为FUI风格

Browse Source
This commit is contained in:
zzlgreat
2025-12-17 19:08:06 +08:00
parent 4eb8310038
commit 7054124eaf
1 changed files with 1 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/Company/components/CompanyHeader/index.tsx
View File

@@ -18,7 +18,6 @@ import {
Button, Button,
Icon, Icon,
Skeleton, Skeleton,
keyframes,
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import { AutoComplete, Spin } from 'antd'; import { AutoComplete, Spin } from 'antd';
import { Search, Star, TrendingUp, TrendingDown } from 'lucide-react'; 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 { FUI_COLORS, FUI_GLOW, FUI_ANIMATION, FUI_GLASS } from '../../theme/fui';
import type { CompanyHeaderProps, StockSearchResult } from '../../types'; 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 风格 * 股票信息展示组件 - FUI 风格
*/ */
@@ -313,7 +306,7 @@ const SearchActions = memo<{
fontWeight="bold" fontWeight="bold"
borderRadius="10px" borderRadius="10px"
transition={`all ${FUI_ANIMATION.duration.fast} ${FUI_ANIMATION.easing.default}`} 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 ? '已自选' : '自选'} {isInWatchlist ? '已自选' : '自选'}
</Button> </Button>