diff --git a/src/views/Community/components/EventCard/DynamicNewsEventCard.js b/src/views/Community/components/EventCard/DynamicNewsEventCard.js index 6823951e..5678b605 100644 --- a/src/views/Community/components/EventCard/DynamicNewsEventCard.js +++ b/src/views/Community/components/EventCard/DynamicNewsEventCard.js @@ -18,6 +18,7 @@ import { getChangeColor } from '@utils/colorUtils'; // 导入子组件 import { EventFollowButton } from './atoms'; import StockChangeIndicators from '@components/StockChangeIndicators'; +import { GLASS_BLUR } from '@/constants/glassConfig'; /** * 动态新闻事件卡片组件(极简版) @@ -200,7 +201,7 @@ const DynamicNewsEventCard = React.memo(({ ? useColorModeValue('blue.50', 'blue.900') : getChangeBasedBgColor(event.related_avg_chg) } - backdropFilter="blur(10px)" // 毛玻璃效果 + backdropFilter={GLASS_BLUR.sm} // 毛玻璃效果 borderWidth={isSelected ? "2px" : "1px"} borderColor={isSelected ? useColorModeValue('blue.500', 'blue.400') diff --git a/src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js b/src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js index 625c827c..9f21a98e 100644 --- a/src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js +++ b/src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js @@ -27,6 +27,7 @@ import { KeywordsCarousel, } from './atoms'; import StockChangeIndicators from '@components/StockChangeIndicators'; +import { GLASS_BLUR } from '@/constants/glassConfig'; /** * 横向布局的动态新闻事件卡片组件 @@ -136,7 +137,7 @@ const HorizontalDynamicNewsEventCard = React.memo(({ ? selectedBg : getChangeBasedBgColor(event.related_avg_chg) } - backdropFilter="blur(10px)" // 毛玻璃效果 + backdropFilter={GLASS_BLUR.sm} // 毛玻璃效果 borderWidth={isSelected ? "2px" : "1px"} borderColor={isSelected ? selectedBorderColor diff --git a/src/views/Community/components/HeroPanel.js b/src/views/Community/components/HeroPanel.js index 27abdf3e..5bab3bb4 100644 --- a/src/views/Community/components/HeroPanel.js +++ b/src/views/Community/components/HeroPanel.js @@ -31,6 +31,7 @@ import { logger } from '@utils/logger'; import { getApiBase } from '@utils/apiConfig'; import { useIndexQuote } from '@hooks/useIndexQuote'; import conceptStaticService from '@services/conceptStaticService'; +import { GLASS_BLUR } from '@/constants/glassConfig'; // 定义动画 const animations = ` @@ -634,7 +635,7 @@ const InfoModal = () => { {/* 弹窗 */} - + { px={4} py={2} bg="rgba(0,0,0,0.3)" - backdropFilter="blur(10px)" + backdropFilter={GLASS_BLUR.sm} borderBottom="1px solid rgba(255,255,255,0.05)" justify="space-between" align="center"