优化电量样式

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}