From 10a167b60c667038bb8c989b4baae12e30b36af0 Mon Sep 17 00:00:00 2001
From: LiLongLong <13717757313@163.com>
Date: Thu, 19 Jun 2025 17:53:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=94=B5=E9=87=8F=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Header.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 4e8ba6e..92963d9 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -65,17 +65,18 @@ export default function Header() {
 		}
 	}, [userInfo.nickname, userInfo.account]);
 
+	// 充电状态(包含电量低20%的充电状态)为绿色、未充电电量不低于20%为蓝色， 电量低于20%为红色 
 	useEffect(() => {
 		let power = deviceInfo.power
 		let flag = deviceInfo.flag
 		if(power > 20){
 			setPowerStyle('bluetooth-battery')
-			setPowerColor('#ffffff')
+			setPowerColor('#c8c8c8')
 			setPowerBackColor('#3e63cb')
 		}
 		if(power <= 20){
 			setPowerStyle('bluetooth-battery-red')
-			setPowerColor('#red')
+			setPowerColor('#c8c8c8')
 			setPowerBackColor('red')
 		}
 		if(flag === 1){
@@ -173,7 +174,7 @@ export default function Header() {
 								<div className="power-process text-center" style={{width: `${power}%`, background: powerBackColor }}>
 									<div style={{"position": "relative","top": "-1.6rem", color: powerColor}}>{power}</div>
 								</div>
-								{(deviceInfo.flag === 0 && Number(power) < 100) && 
+								{(deviceInfo.flag === 1 && Number(power) < 100) && 
 									<div className="power-charging">
 										<img
 											src={icon_charging}