更新Company页面的UI为FUI风格
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user