细节完善

src/components/BattleFooter.vue

@@ -1,3 +1,4 @@
+=
 <script setup>
 import BowPower from "@/components/BowPower.vue";
 import { RoundImages } from "@/constants";
@@ -14,6 +15,10 @@ defineProps({
     type: Number,
     default: 0,
   },
+  power: {
+    type: Number,
+    default: 0,
+  },
 });
 </script>
 
@@ -21,8 +26,13 @@ defineProps({
   <view class="container">
     <view class="guide-row">
       <image src="../static/shooter.png" mode="widthFix" />
-      <view :style="{ marginBottom: '10px', transform: 'scale(0.8) translateX(10px)' }">
-        <BowPower :power="20" />
+      <view
+        :style="{
+          marginBottom: '10px',
+          transform: 'scale(0.8) translateX(10px)',
+        }"
+      >
+        <BowPower :power="power" />
       </view>
     </view>
     <view>
@@ -47,9 +57,12 @@ defineProps({
         </view>
         <block v-if="roundResults.length < 3">
           <view v-for="i in 3 - roundResults.length" :key="i">
-            <image :src="RoundImages[`round${i}`]" mode="widthFix" />
+            <image
+              :src="RoundImages[`round${i + roundResults.length}`]"
+              mode="widthFix"
+            />
             <view>
-              <text>{{ i }}</text>
+              <text></text>
               <text>环</text>
             </view>
           </view>
@@ -71,7 +84,10 @@ defineProps({
         </view>
         <block v-if="roundResults.length < 3">
           <view v-for="i in 3 - roundResults.length" :key="i">
-            <image :src="RoundImages[`round${i}`]" mode="widthFix" />
+            <image
+              :src="RoundImages[`round${i + roundResults.length}`]"
+              mode="widthFix"
+            />
             <view>
               <text></text>
               <text>环</text>