功能完善

src/pages/melee-match.vue

@@ -115,7 +115,7 @@ onUnmounted(() => {
 <template>
   <Container title="大乱斗排位赛" :bgType="1">
     <view class="container">
-      <BattleHeader v-if="!start" :players="players" />
+      <BattleHeader v-if="!start && players.length" :players="players" />
       <Guide noBg v-if="!start">
         <view :style="{ display: 'flex', justifyContent: 'space-between' }">
           <view :style="{ display: 'flex', flexDirection: 'column' }">
@@ -143,10 +143,12 @@ onUnmounted(() => {
       />
       <Timer :seq="timerSeq" :callBack="readyToGo" />
     </view>
-    <SButton v-if="!battleId" :onClick="matching ? stopMatch : startMatch">{{
-      matching ? "取消匹配" : "开始匹配"
-    }}</SButton>
-    <SButton v-if="battleId && !start" :onClick="readyToGo">准备完毕</SButton>
+    <view :style="{ marginBottom: '10px' }">
+      <SButton v-if="!battleId" :onClick="matching ? stopMatch : startMatch">{{
+        matching ? "取消匹配" : "开始匹配"
+      }}</SButton>
+      <SButton v-if="battleId && !start" :onClick="readyToGo">准备完毕</SButton>
+    </view>
   </Container>
 </template>