房间1v1流程完善

src/components/BattleHeader.vue

@@ -23,7 +23,7 @@ const bgColors = ["#364469", "#692735", "#934B4B", "#A98B69", "#8268A2 "];
       :src="`../static/battle-header${blueTeam.length ? '' : '-melee'}.png`"
       mode="widthFix"
     />
-    <view v-if="!blueTeam.length" class="players-melee">
+    <view v-if="players.length" class="players-melee">
       <view
         v-for="(player, index) in players"
         :key="index"
@@ -33,28 +33,24 @@ const bgColors = ["#364469", "#692735", "#934B4B", "#A98B69", "#8268A2 "];
         <text class="player-name">{{ player.name }}</text>
       </view>
     </view>
-    <view v-if="blueTeam.length" class="players">
+    <view v-if="blueTeam.length && redTeam.length" class="players">
       <view>
-        <block v-if="blueTeam[0]">
-          <Avatar :src="blueTeam[0].avatar" frame />
-          <text class="player-name">{{ blueTeam[0].name }}</text>
-          <image
-            v-if="blueTeam[0].winner"
-            src="../static/winner-badge.png"
-            mode="widthFix"
-          />
-        </block>
+        <Avatar :src="blueTeam[0].avatar" frame />
+        <text class="player-name">{{ blueTeam[0].name }}</text>
+        <image
+          v-if="blueTeam[0].winner"
+          src="../static/winner-badge.png"
+          mode="widthFix"
+        />
       </view>
       <view>
-        <block v-if="redTeam[0]">
-          <Avatar v-if="redTeam[0]" :src="redTeam[0].avatar" frame />
-          <text>{{ redTeam[0].name }}</text>
-          <image
-            v-if="redTeam[0].winner"
-            src="../static/winner-badge.png"
-            mode="widthFix"
-          />
-        </block>
+        <Avatar v-if="redTeam[0]" :src="redTeam[0].avatar" frame />
+        <text class="player-name">{{ redTeam[0].name }}</text>
+        <image
+          v-if="redTeam[0].winner"
+          src="../static/winner-badge.png"
+          mode="widthFix"
+        />
       </view>
     </view>
   </view>

src/components/CreateRoom.vue

@@ -27,6 +27,7 @@ const createRoom = async () => {
   loading.value = false;
 };
 const enterRoom = () => {
+  step.value = 1;
   props.onConfirm();
   uni.navigateTo({
     url: `/pages/battle-room?roomNumber=${roomNumber.value}`,