样式优化

src/App.vue

@@ -77,10 +77,14 @@ button::after {
 .guide-tips {
   display: flex;
   flex-direction: column;
+  font-size: 28rpx;
 }
 .guide-tips > text:first-child {
   color: #fed847;
 }
+.guide-tips > text:nth-child(2) {
+  font-size: 24rpx;
+}
 
 @keyframes fadeInOut {
   0% {

src/components/CreateRoom.vue

@@ -67,12 +67,6 @@ const setClipboardData = () => {
       >
         <text>对抗模式（1V1）</text>
       </view>
-      <view
-        :class="{ 'battle-btn': true, 'battle-choosen': battleMode === 2 }"
-        @click="() => (battleMode = 2)"
-      >
-        <text>乱斗模式（3-10人）</text>
-      </view>
       <view
         :class="{ 'battle-btn': true, 'battle-choosen': battleMode === 3 }"
         @click="() => (battleMode = 3)"
@@ -87,6 +81,12 @@ const setClipboardData = () => {
         <text>对抗模式（3V3）</text>
         <!-- <text>敬请期待</text> -->
       </view>
+      <view
+        :class="{ 'battle-btn': true, 'battle-choosen': battleMode === 2 }"
+        @click="() => (battleMode = 2)"
+      >
+        <text>乱斗模式（3-10人）</text>
+      </view>
     </view>
     <SButton v-if="step === 1" :onClick="createRoom">下一步</SButton>
     <view v-if="step === 2" class="room-info">

src/components/Guide.vue

@@ -23,7 +23,7 @@ const bubbleTypes = [
       <image
         v-if="!noBg"
         :src="bubbleTypes[type]"
-        :style="{ top: type === 2 ? '-6%' : '-12%' }"
+        :style="{ top: type === 2 ? '-6%' : '-13%' }"
         mode="widthFix"
       />
       <slot />
@@ -55,6 +55,6 @@ const bubbleTypes = [
 }
 .container > view {
   color: #fff;
-  font-size: 14px;
+  font-size: 28rpx;
 }
 </style>

src/components/TestDistance.vue

@@ -78,18 +78,9 @@ onBeforeUnmount(() => {
 <template>
   <view class="container">
     <Guide v-show="guide">
-      <view
+      <view class="guide-tips">
-        :style="{
+        <text>请确保站距达到5米</text>
-          display: 'flex',
+        <text>低于5米的射箭无效</text>
-          justifyContent: 'space-between',
-          alignItems: 'center',
-          paddingRight: '10px',
-        }"
-      >
-        <view :style="{ display: 'flex', flexDirection: 'column' }">
-          <text :style="{ color: '#fed847' }">请确保站距达到5米</text>
-          <text>低于5米的射箭无效</text>
-        </view>
       </view>
     </Guide>
     <view class="test-area">

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' }">
+          <view class="guide-tips">
-            <text :style="{ color: '#fed847' }">弓箭手们，人都到齐了吗?</text>
+            <text>弓箭手们，人都到齐了吗?</text>
-            <text v-if="battleType === 1">1v1比赛即将开始! </text>
+            <text v-if="battleType === 1">{{
-            <text v-if="battleType === 3">2v2比赛即将开始! </text>
+              `${room.count / 2}v${room.count / 2}比赛即将开始!`
-            <text v-if="battleType === 4">3v3比赛即将开始! </text>
+            }}</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
-          <image v-if="room.count === 6" src="../static/title-3v3.png" mode="widthFix" />
+            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;

src/pages/first-try.vue

@@ -166,37 +166,34 @@ const onClose = () => {
             : 0
         "
       >
-        <text v-if="step === 0">
+        <text v-if="step === 0" :style="{ fontSize: '28rpx' }">
           hi，<text :style="{ color: '#fed847' }">{{ user.nickName }}</text>
           ，这是新人必刷小任务，0基础小白也能快速掌握弓箭技巧和游戏规则哦~：）
         </text>
-        <text v-if="step === 1"
+        <text v-if="step === 1" :style="{ fontSize: '28rpx' }"
           >这是我们人帅技高的高教练。首先，请按教练示范，尝试自己去做这些动作和手势吧。</text
         >
-        <view v-if="step === 2">
+        <view
-          <view :style="{ display: 'flex', flexDirection: 'column' }">
+          class="guide-tips"
-            <text :style="{ color: '#fed847' }">你知道5米射程有多远吗？</text>
+          :style="{ marginTop: '8rpx' }"
-            <text>
+          v-if="step === 2"
-              在我们的排位赛中，射程小于5米的成绩无效、哦！建议平时练习距离至少5米。现在，来边射箭边调整你的站位点吧！
+        >
-            </text>
+          <text>你知道5米射程有多远吗？</text>
-          </view>
+          <text>
+            在我们的排位赛中，射程小于5米的成绩无效、哦！建议平时练习距离至少5米。现在，来边射箭边调整你的站位点吧！
+          </text>
         </view>
-        <view v-if="step === 3">
+        <view class="guide-tips" v-if="step === 3">
-          <view :style="{ display: 'flex', flexDirection: 'column' }">
+          <text>一切准备就绪</text>
-            <text :style="{ color: '#fed847' }">一切准备就绪</text>
+          <text :style="{ fontSize: '28rpx' }"
-            <text>试着完成一个真正的弓箭手任务吧！</text>
+            >试着完成一个真正的弓箭手任务吧！</text
-          </view>
+          >
-        </view>
+        </view>
-        <view v-if="step === 5">
+        <view class="guide-tips" v-if="step === 5">
-          <view
+          <text>新手试炼场通关啦，优秀！</text>
-            :style="{ display: 'flex', flexDirection: 'column', marginTop: 20 }"
+          <text :style="{ fontSize: '28rpx' }"
+            >反曲弓运动基本知识和射灵世界系统规则你已Get，是不是挺容易呀：）</text
           >
-            <text :style="{ color: '#fed847' }">新手试炼场通关啦，优秀！</text>
-            <text
-              >反曲弓运动基本知识和射灵世界系统规则你已Get，是不是挺容易呀：）</text
-            >
-            <text :style="{ opacity: 0 }">新手试炼场通关啦，优秀！</text>
-          </view>
         </view>
       </Guide>
       <image

src/pages/practise.vue

@@ -34,12 +34,10 @@ onShow(async () => {
   <Container title="个人练习">
     <view :style="{ width: '100%' }">
       <Guide>
-        <text :style="{ color: '#fed847' }"
+        <view class="guide-tips">
-          >师傅领进门，修行靠自身，赶紧练起来吧。</text
+          <text>师傅领进门，修行靠自身，赶紧练起来吧。</text>
-        >
+          <text>坚持练习就能你快速升级，早日加入全国排位赛！</text>
-        <text :style="{ fontSize: '12px' }"
+        </view>
-          >坚持练习就能你快速升级，早日加入全国排位赛！</text
-        >
       </Guide>
       <view class="practise-data">
         <view>