From e93d1e5e81ef31a9cb4bc449e67539b94a525f15 Mon Sep 17 00:00:00 2001 From: zdl <3489966805@qq.com> Date: Fri, 26 Dec 2025 15:36:13 +0800 Subject: [PATCH] =?UTF-8?q?fix(ScoreBar):=20=E4=BF=AE=E5=A4=8D=E8=AF=84?= =?UTF-8?q?=E5=88=86=E6=A0=87=E9=A2=98=E5=9C=A8=E6=B7=B1=E8=89=B2=E8=83=8C?= =?UTF-8?q?=E6=99=AF=E4=B8=8A=E4=B8=8D=E6=B8=85=E6=99=B0=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 标题文字颜色改为金色 (#F4D03F) - 图标颜色调整为 colorScheme.400,提高对比度 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- .../DeepAnalysisTab/atoms/ScoreBar.tsx | 23 ++++++++++--------- 1 file changed, 12 insertions(+), 11 deletions(-) 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}