diff --git a/src/views/StockOverview/components/FlexScreen/components/QuoteTile.tsx b/src/views/StockOverview/components/FlexScreen/components/QuoteTile.tsx index 8240b9d6..63ca9caf 100644 --- a/src/views/StockOverview/components/FlexScreen/components/QuoteTile.tsx +++ b/src/views/StockOverview/components/FlexScreen/components/QuoteTile.tsx @@ -19,6 +19,7 @@ import { useNavigate } from 'react-router-dom'; import MiniTimelineChart from './MiniTimelineChart'; import OrderBookPanel from './OrderBookPanel'; import type { QuoteTileProps, QuoteData } from '../types'; +import { GLASS_BLUR } from '@/constants/glassConfig'; /** * 格式化价格显示 @@ -141,7 +142,7 @@ const QuoteTile: React.FC = ({ borderRadius="lg" overflow="hidden" transition="all 0.2s" - backdropFilter="blur(10px)" + backdropFilter={GLASS_BLUR.sm} _hover={{ borderColor: hoverBorderColor, boxShadow: '0 4px 20px rgba(139, 92, 246, 0.2)', diff --git a/src/views/StockOverview/components/FlexScreen/index.tsx b/src/views/StockOverview/components/FlexScreen/index.tsx index 8a91337f..9ecca2fe 100644 --- a/src/views/StockOverview/components/FlexScreen/index.tsx +++ b/src/views/StockOverview/components/FlexScreen/index.tsx @@ -50,6 +50,7 @@ import QuoteTile from './components/QuoteTile'; import { logger } from '@utils/logger'; import { getApiBase } from '@utils/apiConfig'; import type { WatchlistItem, ConnectionStatus } from './types'; +import { GLASS_BLUR } from '@/constants/glassConfig'; // 本地存储 key const STORAGE_KEY = 'flexscreen_watchlist'; @@ -278,7 +279,7 @@ const FlexScreen: React.FC = () => { bg={cardBg} borderWidth="1px" borderColor={borderColor} - backdropFilter="blur(20px)" + backdropFilter={GLASS_BLUR.lg} borderRadius="16px" > diff --git a/src/views/StockOverview/components/HotspotOverview/components/AlertDetailDrawer.js b/src/views/StockOverview/components/HotspotOverview/components/AlertDetailDrawer.js index 4a8f55f7..6c1145d0 100644 --- a/src/views/StockOverview/components/HotspotOverview/components/AlertDetailDrawer.js +++ b/src/views/StockOverview/components/HotspotOverview/components/AlertDetailDrawer.js @@ -27,6 +27,7 @@ import { Portal, } from '@chakra-ui/react'; import { keyframes, css } from '@emotion/react'; +import { GLASS_BLUR } from '@/constants/glassConfig'; import { Clock, Zap, @@ -451,10 +452,10 @@ const AlertDetailDrawer = ({ isOpen, onClose, alertData }) => { onClose={onClose} size="md" > - + { ) : (