From 9f6b3acf9a4ac63f0b5bc43017576fb37a5accfb Mon Sep 17 00:00:00 2001
From: Fang_Zhijian <klxf@vip.qq.com>
Date: Sat, 1 Jun 2024 17:24:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A5=BD=E5=83=8F=E4=BF=AE=E5=A5=BD=E4=BA=86?=
 =?UTF-8?q?=E8=A1=80=E6=9D=A1=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index a6a381d..f0fdb3e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -112,6 +112,7 @@ const warnWindowCountdown = ref(5);
 // 测试玩法
 const showTestWindow = ref(false)
 const maxHP = ref(1000)
+const HP = ref(maxHP.value)
 
 // 连接状态
 const gameState = ref(false)
@@ -159,6 +160,10 @@ watch(showWarnWindow, (newVal) => {
   }
 });
 
+watch(waveCounter, () => {
+  HP.value = Math.max(0, HP.value - channelAStrength.value)
+});
+
 const fansMedal = computed({
   get: () => settings.value.fansMedal,
   set: (value) => { settings.value.fansMedal = value === 'true' }
@@ -460,7 +465,7 @@ const guardLevelText = computed(() => {
       <h2>测试界面</h2>
       <hr />
       <p>绿色背景方便用色度键抠像，最大 HP 为 <input v-model="maxHP" size="2" /></p>
-      <p><button @click="waveCounter = 0">重置伤害</button> <button @click="waveCounter++">造成伤害</button></p>
+      <p><button @click="HP = maxHP">重置伤害</button> <button @click="HP -= 10">造成伤害</button></p>
       <hr />
       <div class="attack-box" style="padding-top: 25px;">
         <div style="display: flex;">
@@ -492,8 +497,8 @@ const guardLevelText = computed(() => {
             HP
           </div>
           <div class="attribute-hp-board">
-            <div class="attribute-hp-bg" :style="{ width: ((maxHP - channelAStrength*waveCounter) / maxHP) * 100 + '%' }">
-              {{ (maxHP - channelAStrength*waveCounter) + "/" + maxHP }}
+            <div class="attribute-hp-bg" :style="{ width: (HP / maxHP) * 100 + '%' }">
+              {{ HP + "/" + maxHP }}
             </div>
           </div>
         </div>