UI完善

src/pages/battle-result.vue

@@ -18,8 +18,8 @@ const totalPoints = ref(0);
 onLoad(async (options) => {
   battleId.value = options.battleId;
   const result = await getGameAPI(
-    options.battleId || "BATTLE-1750867490990424058-718"
-    // options.battleId || "BATTLE-1750688536849458226-518"
+    // options.battleId || "BATTLE-1750867490990424058-718"
+    options.battleId || "BATTLE-1750688536849458226-518"
   );
   data.value = result;
   if (result.mode === 1 && result.redPlayers[user.value.id]) {
@@ -81,7 +81,12 @@ const checkBowData = () => {
         <image src="../static/battle-result.png" mode="widthFix" />
         <view />
       </view>
-      <view class="players">
+      <view
+        class="players"
+        :style="{
+          height: `${Math.max(data.players.length > 5 ? '330' : '300')}px`,
+        }"
+      >
         <view
           v-for="(player, index) in data.players"
           :key="index"
@@ -280,13 +285,11 @@ const checkBowData = () => {
   margin: 0 20px;
 }
 .players {
-  color: #fff6;
+  flex-wrap: wrap;
   display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
+  overflow: auto;
   width: calc(100% - 60px);
-  height: 300px;
+  color: #fff6;
   margin: 0 30px;
 }
 .players > view {