From 011ddaf96dc11950a38a71990e7af891a5c2e111 Mon Sep 17 00:00:00 2001 From: zdl <3489966805@qq.com> Date: Fri, 26 Dec 2025 11:32:11 +0800 Subject: [PATCH] =?UTF-8?q?refactor(Profile):=20=E8=BF=81=E7=A7=BB?= =?UTF-8?q?=E6=AF=9B=E7=8E=BB=E7=92=83=E6=95=88=E6=9E=9C=E5=88=B0=E7=BB=9F?= =?UTF-8?q?=E4=B8=80=E9=85=8D=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - PredictionCard.js: 使用 GLASS_BLUR.sm 替代 blur(8px) - CommunityFeedCard.js: 使用 GLASS_BLUR.sm 替代 blur(8px) - StatCard.js: 使用 GLASS_BLUR.sm 替代 blur(8px) - RiseFallChart.js: 使用 GLASS_BLUR.sm 替代 blur(8px) - IndexCard.js: 使用 GLASS_BLUR.sm 替代 blur(8px) - ConceptItem.js: 使用 GLASS_BLUR.sm 替代 blur(8px) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- .../components/ForumCenter/components/CommunityFeedCard.js | 3 ++- .../components/ForumCenter/components/PredictionCard.js | 3 ++- .../components/MarketDashboard/components/atoms/ConceptItem.js | 3 ++- .../components/MarketDashboard/components/atoms/IndexCard.js | 3 ++- .../MarketDashboard/components/atoms/RiseFallChart.js | 3 ++- .../components/MarketDashboard/components/atoms/StatCard.js | 3 ++- 6 files changed, 12 insertions(+), 6 deletions(-) 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)',