数据展示优化

src/components/BattleHeader.vue

@@ -13,6 +13,14 @@ defineProps({
     type: Array,
     default: () => [],
   },
+  showRank: {
+    type: Boolean,
+    default: false,
+  },
+  winner: {
+    type: Number,
+    default: 1,
+  },
 });
 const bgColors = ["#364469", "#692735", "#934B4B", "#A98B69", "#8268A2 "];
 </script>
@@ -29,7 +37,11 @@ const bgColors = ["#364469", "#692735", "#934B4B", "#A98B69", "#8268A2 "];
         :key="index"
         :style="{ backgroundColor: bgColors[index] }"
       >
-        <Avatar :src="player.avatar" :size="40" />
+        <Avatar
+          :src="player.avatar"
+          :size="40"
+          :rank="showRank ? index + 1 : 0"
+        />
         <text class="player-name">{{ player.name }}</text>
       </view>
     </view>
@@ -38,7 +50,7 @@ const bgColors = ["#364469", "#692735", "#934B4B", "#A98B69", "#8268A2 "];
         <Avatar :src="blueTeam[0].avatar" frame />
         <text class="player-name">{{ blueTeam[0].name }}</text>
         <image
-          v-if="blueTeam[0].winner"
+          v-if="winner === 1"
           src="../static/winner-badge.png"
           mode="widthFix"
         />
@@ -47,7 +59,7 @@ const bgColors = ["#364469", "#692735", "#934B4B", "#A98B69", "#8268A2 "];
         <Avatar v-if="redTeam[0]" :src="redTeam[0].avatar" frame />
         <text class="player-name">{{ redTeam[0].name }}</text>
         <image
-          v-if="redTeam[0].winner"
+          v-if="winner === 0"
           src="../static/winner-badge.png"
           mode="widthFix"
         />

src/components/MeleeResult.vue

@@ -76,7 +76,7 @@ watch(
         class="score-item"
         :style="{ width: '13vw', height: '13vw' }"
       >
-        {{ score.ringScore }}
+        {{ score.ring }}
       </view>
     </view>
   </view>

src/components/TeamResult.vue

@@ -115,7 +115,7 @@ watch(
         class="score-item"
         :style="{ width: '13vw', height: '13vw' }"
       >
-        {{ score.ringScore }}
+        {{ score.ring }}
       </view>
     </view>
   </view>