From b31689b19fe734f29f23a8895f2a3805e480a7b7 Mon Sep 17 00:00:00 2001
From: kron <kai_hong@126.com>
Date: Sun, 17 Aug 2025 10:33:41 +0800
Subject: [PATCH] =?UTF-8?q?bug=20=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apis.js                     |  2 +-
 src/components/BattleHeader.vue | 12 +++++++++---
 src/pages/friend-battle.vue     |  3 ++-
 src/pages/practise.vue          |  3 ++-
 4 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/apis.js b/src/apis.js
index 72683f1..7b3d6cd 100644
--- a/src/apis.js
+++ b/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,
diff --git a/src/components/BattleHeader.vue b/src/components/BattleHeader.vue
index 6ac4c10..71e17f7 100644
--- a/src/components/BattleHeader.vue
+++ b/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;
diff --git a/src/pages/friend-battle.vue b/src/pages/friend-battle.vue
index 173ad24..463d7d0 100644
--- a/src/pages/friend-battle.vue
+++ b/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;
diff --git a/src/pages/practise.vue b/src/pages/practise.vue
index 7e943b7..b2de742 100644
--- a/src/pages/practise.vue
+++ b/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;