更新成数据覆盖同步

src/components/BattleFooter.vue

@@ -1,8 +1,9 @@
 =
 <script setup>
+import { computed } from "vue";
 import BowPower from "@/components/BowPower.vue";
 import { RoundImages } from "@/constants";
-defineProps({
+const props = defineProps({
   roundResults: {
     type: Array,
     default: () => [],
@@ -20,6 +21,10 @@ defineProps({
     default: 0,
   },
 });
+
+const normalRounds = computed(
+  () => props.roundResults.length - props.goldenRound
+);
 </script>
 
 <template>
@@ -43,15 +48,9 @@ defineProps({
     <view class="players">
       <view>
         <view v-for="(result, index) in roundResults" :key="index">
-          <block
-            v-if="goldenRound > 0 && index >= roundResults.length - goldenRound"
-          >
+          <block v-if="index + 1 > normalRounds">
             <image
-              :src="
-                RoundImages[
-                  `gold${index + 1 - (roundResults.length - goldenRound)}`
-                ]
-              "
+              :src="RoundImages[`gold${index + 1 - normalRounds}`]"
               mode="widthFix"
             />
           </block>
@@ -84,15 +83,9 @@ defineProps({
       </view>
       <view>
         <view v-for="(result, index) in roundResults" :key="index">
-          <block
-            v-if="goldenRound > 0 && index >= roundResults.length - goldenRound"
-          >
+          <block v-if="index + 1 > normalRounds">
             <image
-              :src="
-                RoundImages[
-                  `gold${index + 1 - (roundResults.length - goldenRound)}`
-                ]
-              "
+              :src="RoundImages[`gold${index + 1 - normalRounds}`]"
               mode="widthFix"
             />
           </block>
@@ -148,7 +141,7 @@ defineProps({
 .container > view:nth-child(2) > text {
   z-index: 1;
   margin-top: 2px;
-  color: #8A323E;
+  color: #8a323e;
   font-weight: 500;
 }
 .container > view:nth-child(2) > text:nth-child(2) {