bug 修复

src/apis.js

@@ -257,7 +257,7 @@ export const getGameAPI = async (battleId) => {
     goldenRoundRecords = [],
   } = result;
   const data = {
-    battleId,
+    id: battleId,
     mode: battleStats.mode, // 1.几V几 2.大乱斗
     gameMode: battleStats.gameMode, // 1.约战 2.排位
     teamSize: battleStats.teamSize,

src/components/BattleHeader.vue

@@ -45,7 +45,10 @@ defineProps({
         <view
           v-for="(player, index) in blueTeam"
           :key="index"
-          :style="{ margin: blueTeam.length === 2 ? '0 12px' : '0 6px' }"
+          :style="{
+            margin: blueTeam.length === 2 ? '0 12px' : '0 6px',
+            width: `${100 / blueTeam.length - blueTeam.length * 3}%`,
+          }"
         >
           <Avatar :src="player.avatar" :rankLvl="player.rankLvl" />
           <text class="player-name">{{ player.name }}</text>
@@ -60,7 +63,10 @@ defineProps({
         <view
           v-for="(player, index) in redTeam"
           :key="index"
-          :style="{ margin: redTeam.length === 2 ? '0 12px' : '0 6px' }"
+          :style="{
+            margin: redTeam.length === 2 ? '0 12px' : '0 6px',
+            width: `${100 / redTeam.length - redTeam.length * 3}%`,
+          }"
         >
           <Avatar :src="player.avatar" :rankLvl="player.rankLvl" />
           <text class="player-name">{{ player.name }}</text>
@@ -164,7 +170,7 @@ defineProps({
 }
 .player-name {
   margin-top: 5px;
-  width: 80%;
+  width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

src/pages/friend-battle.vue

@@ -80,7 +80,7 @@ onShow(async () => {
       <view class="my-data">
         <view>
           <Avatar :rankLvl="user.rankLvl" :src="user.avatar" :size="30" />
-          <text>{{ user.nickName }}</text>
+          <text class="truncate">{{ user.nickName }}</text>
         </view>
         <view>
           <view>
@@ -278,6 +278,7 @@ onShow(async () => {
   color: #fff;
   font-size: 17px;
   margin-left: 10px;
+  width: 120px;
 }
 .my-data > view:last-child {
   margin-bottom: 15px;

src/pages/practise.vue

@@ -45,7 +45,7 @@ onShow(async () => {
         <view>
           <view>
             <Avatar :rankLvl="user.rankLvl" :src="user.avatar" :size="30" />
-            <text>{{ user.nickName }}</text>
+            <text class="truncate">{{ user.nickName }}</text>
           </view>
           <view>
             <text>已练习打卡</text>
@@ -127,6 +127,7 @@ onShow(async () => {
   color: #fff;
   margin-left: 10px;
   font-size: 16px;
+  width: 120px;
 }
 .practise-data > view:first-child > view:last-child > text:nth-child(2) {
   color: #f7d247;