diff --git a/src/views/Profile/components/ForumCenter/components/CommunityFeedCard.js b/src/views/Profile/components/ForumCenter/components/CommunityFeedCard.js index 0e9da087..d5c4deb7 100644 --- a/src/views/Profile/components/ForumCenter/components/CommunityFeedCard.js +++ b/src/views/Profile/components/ForumCenter/components/CommunityFeedCard.js @@ -2,6 +2,7 @@ import React, { useState } from 'react'; import { Box, Text, VStack, HStack, Icon, Button } from '@chakra-ui/react'; import { Newspaper, Flame, MessageCircle } from 'lucide-react'; +import { GLASS_BLUR } from '@/constants/glassConfig'; const CommunityFeedCard = ({ myPosts = [ @@ -25,7 +26,7 @@ const CommunityFeedCard = ({ overflow="hidden" border="1px solid" borderColor="rgba(212, 175, 55, 0.15)" - backdropFilter="blur(8px)" + backdropFilter={GLASS_BLUR.sm} > {/* 标题栏 */} {/* 标题栏 */} { const isUp = change >= 0; @@ -19,7 +20,7 @@ const ConceptItem = ({ name, change, trend = [], onClick }) => { transition="all 0.2s" border="1px solid" borderColor="rgba(212, 175, 55, 0.1)" - backdropFilter="blur(8px)" + backdropFilter={GLASS_BLUR.sm} _hover={{ bg: 'rgba(37, 37, 64, 0.6)', borderColor: 'rgba(212, 175, 55, 0.25)', diff --git a/src/views/Profile/components/MarketDashboard/components/atoms/IndexCard.js b/src/views/Profile/components/MarketDashboard/components/atoms/IndexCard.js index f1f0facf..fec46cb9 100644 --- a/src/views/Profile/components/MarketDashboard/components/atoms/IndexCard.js +++ b/src/views/Profile/components/MarketDashboard/components/atoms/IndexCard.js @@ -3,6 +3,7 @@ import React from 'react'; import { Box, Text, HStack, VStack } from '@chakra-ui/react'; import { THEME } from '../../constants'; import MiniTrendLine from './MiniTrendLine'; +import { GLASS_BLUR } from '@/constants/glassConfig'; const IndexCard = ({ name, value, change, trend = [] }) => { const isUp = change >= 0; @@ -18,7 +19,7 @@ const IndexCard = ({ name, value, change, trend = [] }) => { transition="all 0.2s" border="1px solid" borderColor="rgba(212, 175, 55, 0.15)" - backdropFilter="blur(8px)" + backdropFilter={GLASS_BLUR.sm} _hover={{ bg: 'rgba(37, 37, 64, 0.7)', borderColor: 'rgba(212, 175, 55, 0.3)', diff --git a/src/views/Profile/components/MarketDashboard/components/atoms/RiseFallChart.js b/src/views/Profile/components/MarketDashboard/components/atoms/RiseFallChart.js index 207d93ba..bde3b692 100644 --- a/src/views/Profile/components/MarketDashboard/components/atoms/RiseFallChart.js +++ b/src/views/Profile/components/MarketDashboard/components/atoms/RiseFallChart.js @@ -1,6 +1,7 @@ // 涨跌分布图组件 import React from 'react'; import { Box, Text, VStack, HStack } from '@chakra-ui/react'; +import { GLASS_BLUR } from '@/constants/glassConfig'; const RiseFallChart = ({ riseCount = 2156, @@ -33,7 +34,7 @@ const RiseFallChart = ({ minW="160px" border="1px solid" borderColor="rgba(212, 175, 55, 0.15)" - backdropFilter="blur(8px)" + backdropFilter={GLASS_BLUR.sm} > diff --git a/src/views/Profile/components/MarketDashboard/components/atoms/StatCard.js b/src/views/Profile/components/MarketDashboard/components/atoms/StatCard.js index dbfbcc59..93d6782e 100644 --- a/src/views/Profile/components/MarketDashboard/components/atoms/StatCard.js +++ b/src/views/Profile/components/MarketDashboard/components/atoms/StatCard.js @@ -2,6 +2,7 @@ import React from 'react'; import { Box, Text, VStack } from '@chakra-ui/react'; import { THEME } from '../../constants'; +import { GLASS_BLUR } from '@/constants/glassConfig'; const StatCard = ({ label, value, subLabel, valueColor }) => { return ( @@ -14,7 +15,7 @@ const StatCard = ({ label, value, subLabel, valueColor }) => { transition="all 0.2s" border="1px solid" borderColor="rgba(212, 175, 55, 0.15)" - backdropFilter="blur(8px)" + backdropFilter={GLASS_BLUR.sm} _hover={{ bg: 'rgba(37, 37, 64, 0.7)', borderColor: 'rgba(212, 175, 55, 0.3)',