refactor(LimitAnalyse): 迁移毛玻璃效果到统一配置

- index.js: 使用 GLASS_BLUR.sm 替代 blur(10px)
- SearchComponents.js: 使用 GLASS_BLUR.xs 替代 blur(5px)
- DataVisualizationComponents.js: 使用 GLASS_BLUR.sm 替代 blur(10px)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-12-26 11:29:09 +08:00
parent d6d5885c10
commit 50031d5961
3 changed files with 8 additions and 5 deletions

View File

@@ -38,6 +38,7 @@ import {
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import { getFormattedTextProps } from '../../../utils/textUtils'; import { getFormattedTextProps } from '../../../utils/textUtils';
import { ExternalLink } from 'lucide-react'; import { ExternalLink } from 'lucide-react';
import { GLASS_BLUR } from '@/constants/glassConfig';
import RiskDisclaimer from '../../../components/RiskDisclaimer'; import RiskDisclaimer from '../../../components/RiskDisclaimer';
import ReactECharts from 'echarts-for-react'; import ReactECharts from 'echarts-for-react';
import 'echarts-wordcloud'; import 'echarts-wordcloud';
@@ -686,7 +687,7 @@ export const StockDetailModal = ({ isOpen, onClose, selectedStock }) => {
return ( return (
<Modal isOpen={isOpen} onClose={onClose} size="xl"> <Modal isOpen={isOpen} onClose={onClose} size="xl">
<ModalOverlay backdropFilter="blur(10px)" /> <ModalOverlay backdropFilter={GLASS_BLUR.sm} />
<ModalContent> <ModalContent>
<ModalHeader bg={accentColor} color="white"> <ModalHeader bg={accentColor} color="white">
<HStack> <HStack>

View File

@@ -35,6 +35,7 @@ import {
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import { formatTooltipText, getFormattedTextProps } from '../../../utils/textUtils'; import { formatTooltipText, getFormattedTextProps } from '../../../utils/textUtils';
import { Search, Download } from 'lucide-react'; import { Search, Download } from 'lucide-react';
import { GLASS_BLUR } from '@/constants/glassConfig';
// 简化版搜索组件 - 仅支持股票代码/名称精确匹配 // 简化版搜索组件 - 仅支持股票代码/名称精确匹配
export const AdvancedSearch = ({ onSearch, loading }) => { export const AdvancedSearch = ({ onSearch, loading }) => {
@@ -141,7 +142,7 @@ export const SearchResultsModal = ({ isOpen, onClose, searchResults, onStockClic
return ( return (
<Modal isOpen={isOpen} onClose={onClose} size="6xl"> <Modal isOpen={isOpen} onClose={onClose} size="6xl">
<ModalOverlay backdropFilter="blur(5px)" /> <ModalOverlay backdropFilter={GLASS_BLUR.xs} />
<ModalContent maxW="90vw" maxH="90vh"> <ModalContent maxW="90vw" maxH="90vh">
<ModalHeader bg="blue.500" color="white"> <ModalHeader bg="blue.500" color="white">
<HStack justify="space-between"> <HStack justify="space-between">

View File

@@ -40,6 +40,7 @@ import { AdvancedSearch, SearchResultsModal } from './components/SearchComponent
import HighPositionStocks from './components/HighPositionStocks'; import HighPositionStocks from './components/HighPositionStocks';
import { logger } from '../../utils/logger'; import { logger } from '../../utils/logger';
import { useLimitAnalyseEvents } from './hooks/useLimitAnalyseEvents'; import { useLimitAnalyseEvents } from './hooks/useLimitAnalyseEvents';
import { GLASS_BLUR } from '@/constants/glassConfig';
// 主组件 // 主组件
export default function LimitAnalyse() { export default function LimitAnalyse() {
@@ -294,7 +295,7 @@ export default function LimitAnalyse() {
color="whiteAlpha.900" color="whiteAlpha.900"
borderWidth="1px" borderWidth="1px"
borderColor="whiteAlpha.300" borderColor="whiteAlpha.300"
backdropFilter="saturate(180%) blur(10px)" backdropFilter={`saturate(180%) ${GLASS_BLUR.sm}`}
boxShadow="0 8px 32px rgba(0,0,0,0.2)" boxShadow="0 8px 32px rgba(0,0,0,0.2)"
> >
<AlertIcon /> <AlertIcon />
@@ -311,7 +312,7 @@ export default function LimitAnalyse() {
boxShadow="0 8px 32px rgba(0,0,0,0.2)" boxShadow="0 8px 32px rgba(0,0,0,0.2)"
borderWidth="1px" borderWidth="1px"
borderColor="whiteAlpha.300" borderColor="whiteAlpha.300"
backdropFilter="saturate(180%) blur(10px)" backdropFilter={`saturate(180%) ${GLASS_BLUR.sm}`}
w="full" w="full"
> >
<CardBody> <CardBody>
@@ -344,7 +345,7 @@ export default function LimitAnalyse() {
boxShadow="0 8px 32px rgba(0,0,0,0.2)" boxShadow="0 8px 32px rgba(0,0,0,0.2)"
borderWidth="1px" borderWidth="1px"
borderColor="whiteAlpha.300" borderColor="whiteAlpha.300"
backdropFilter="saturate(180%) blur(10px)" backdropFilter={`saturate(180%) ${GLASS_BLUR.sm}`}
w="full" w="full"
> >
<CardBody p={4}> <CardBody p={4}>