bug修复

src/components/BowTarget.vue

@@ -53,6 +53,10 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  mode: {
+    type: String,
+    default: "solo", // solo 单排，team 双排
+  },
 });
 
 const showRoundTips = ref(false);
@@ -89,6 +93,23 @@ watch(
   }
 );
 
+watch(
+  () => props.blueScores,
+  (newVal) => {
+    if (newVal.length - prevLength.value === 1) {
+      if (timer.value) clearTimeout(timer.value);
+      showRoundTips.value = true;
+      timer.value = setTimeout(() => {
+        showRoundTips.value = false;
+      }, 1000);
+    }
+    prevLength.value = newVal.length;
+  },
+  {
+    deep: true,
+  }
+);
+
 function calcRealX(num) {
   const len = 20 + num;
   return `calc(${(len / 40) * 100}% - 10px)`;
@@ -124,16 +145,24 @@ const simulShoot = async () => {
         class="round-tip fade-in"
         >{{ scores[scores.length - 1].ring }}<text>环</text></view
       >
+      <view
+        v-if="blueScores.length && showRoundTips && showLatestArrow"
+        class="round-tip fade-in"
+        >{{ blueScores[blueScores.length - 1].ring }}<text>环</text></view
+      >
       <block v-for="(bow, index) in scores" :key="index">
         <image
           v-if="bow.ring > 0"
           :src="
-            index === scores.length - 1 && !blueScores.length && showLatestArrow
+            index === scores.length - 1 &&
+            !blueScores.length &&
+            showLatestArrow &&
+            mode !== 'team'
               ? '../static/hit-icon-green.png'
               : '../static/hit-icon.png'
           "
           :class="`hit ${
-            index + 1 === scores.length && !blueScores.length && showLatestArrow
+            index === scores.length - 1 && !blueScores.length && showLatestArrow
               ? 'pump-in'
               : ''
           }`"
@@ -148,6 +177,7 @@ const simulShoot = async () => {
           v-if="bow.ring > 0"
           src="../static/hit-icon-blue.png"
           class="hit"
+          :class="`hit ${blueScores.length === 1 ? 'pump-in' : ''}`"
           :style="{
             left: calcRealX(bow.x),
             top: calcRealY(bow.y),