样式优化

src/pages/battle-room.vue

@@ -267,11 +267,11 @@ onHide(() => {});
     <view class="standby-phase">
       <Guide>
         <view class="battle-guide">
-          <view :style="{ display: 'flex', flexDirection: 'column' }">
-            <text :style="{ color: '#fed847' }">弓箭手们，人都到齐了吗?</text>
-            <text v-if="battleType === 1">1v1比赛即将开始! </text>
-            <text v-if="battleType === 3">2v2比赛即将开始! </text>
-            <text v-if="battleType === 4">3v3比赛即将开始! </text>
+          <view class="guide-tips">
+            <text>弓箭手们，人都到齐了吗?</text>
+            <text v-if="battleType === 1">{{
+              `${room.count / 2}v${room.count / 2}比赛即将开始!`
+            }}</text>
             <text v-if="battleType === 2">大乱斗即将开始! </text>
           </view>
           <view @click="setClipboardData">复制房间号</view>
@@ -328,8 +328,16 @@ onHide(() => {});
             src="https://static.shelingxingqiu.com/attachment/2025-08-13/dc0x1p59iab6cvbhqc.png"
             mode="widthFix"
           />
-          <image v-if="room.count === 4" src="../static/title-2v2.png" mode="widthFix" />
-          <image v-if="room.count === 6" src="../static/title-3v3.png" mode="widthFix" />
+          <image
+            v-if="room.count === 4"
+            src="../static/title-2v2.png"
+            mode="widthFix"
+          />
+          <image
+            v-if="room.count === 6"
+            src="../static/title-3v3.png"
+            mode="widthFix"
+          />
           <view>
             <view v-for="(item, index) in players" :key="index">
               <Avatar v-if="item.id" :src="item.avatar" :size="36" />
@@ -532,6 +540,7 @@ onHide(() => {});
   padding: 5px 12px;
   border-radius: 20px;
   position: relative;
+  font-size: 28rpx;
 }
 .all-players {
   position: relative;