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:
@@ -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>
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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}>
|
||||||
|
|||||||
Reference in New Issue
Block a user