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

View File

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

View File

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