diff --git a/src/views/Company/components/CompanyOverview/DeepAnalysisTab/atoms/ScoreBar.tsx b/src/views/Company/components/CompanyOverview/DeepAnalysisTab/atoms/ScoreBar.tsx index 338d57f2..96dd47d7 100644 --- a/src/views/Company/components/CompanyOverview/DeepAnalysisTab/atoms/ScoreBar.tsx +++ b/src/views/Company/components/CompanyOverview/DeepAnalysisTab/atoms/ScoreBar.tsx @@ -5,20 +5,23 @@ * 使用位置:竞争力分析区域(共 8 处) */ -import React from 'react'; -import { Box, HStack, Text, Badge, Progress, Icon } from '@chakra-ui/react'; -import type { ScoreBarProps } from '../types'; +import React from "react"; +import { Box, HStack, Text, Badge, Progress, Icon } from "@chakra-ui/react"; +import type { ScoreBarProps } from "../types"; /** * 根据分数百分比获取颜色方案 */ const getColorScheme = (percentage: number): string => { - if (percentage >= 80) return 'purple'; - if (percentage >= 60) return 'blue'; - if (percentage >= 40) return 'yellow'; - return 'orange'; + if (percentage >= 80) return "purple"; + if (percentage >= 60) return "blue"; + if (percentage >= 40) return "yellow"; + return "orange"; }; +// 黑金主题颜色 +const THEME_GOLD = "#F4D03F"; + const ScoreBar: React.FC = ({ label, score, icon }) => { const percentage = ((score || 0) / 100) * 100; const colorScheme = getColorScheme(percentage); @@ -27,10 +30,8 @@ const ScoreBar: React.FC = ({ label, score, icon }) => { - {icon && ( - - )} - + {icon && } + {label}