细节调整

src/components/Avatar.vue

@@ -77,7 +77,7 @@ watch(
     />
     <view v-if="rank > 3" class="rank-view">{{ rank }}</view>
     <image
-      :src="src"
+      :src="src || '../static/user-icon.png'"
       mode="widthFix"
       :style="{
         width: size + 'px',

src/components/BowTarget.vue

@@ -52,19 +52,19 @@ const props = defineProps({
 });
 
 const showRoundTips = ref(false);
-const startCount = ref(false);
+// const startCount = ref(false);
 const prevLength = ref(0);
 const timer = ref(null);
 
-watch(
-  () => props.start,
-  (newVal) => {
-    startCount.value = newVal;
-  },
-  {
-    immediate: true,
-  }
-);
+// watch(
+//   () => props.start,
+//   (newVal) => {
+//     startCount.value = newVal;
+//   },
+//   {
+//     immediate: true,
+//   }
+// );
 
 watch(
   () => props.scores,
@@ -174,7 +174,7 @@ const simulShoot2 = async () => {
                 ? 'green'
                 : 'red',
           }"
-          >{{ bow.ring }}</view
+          >{{ index + 1 }}</view
         >
       </block>
       <block v-for="(bow, index) in blueScores" :key="index">
@@ -205,7 +205,7 @@ const simulShoot2 = async () => {
     <text :style="{ color: '#fff', wordBreak: 'break-all' }">{{
       scores.length ? scores[scores.length - 1] : ""
     }}</text>
-    <StartCountdown :start="startCount" />
+    <!-- <StartCountdown :start="startCount" /> -->
   </view>
 </template>
 

src/components/Container.vue

@@ -46,6 +46,9 @@ onShow(() => {
 const backToGame = debounce(async () => {
   const result = await getCurrentGameAPI();
 });
+const goBack = () => {
+  uni.navigateBack();
+};
 </script>
 
 <template>
@@ -62,7 +65,7 @@ const backToGame = debounce(async () => {
       <slot></slot>
     </view>
     <ScreenHint :show="showHint">
-      <view v-if="hintType === 1" class="back-to-game">
+      <view v-if="hintType === 1" class="tip-content">
         <text>您还有正在进行中的对局，是否进入</text>
         <view>
           <button hover-class="none" @click="backToGame">进入</button>
@@ -71,6 +74,16 @@ const backToGame = debounce(async () => {
           </button>
         </view>
       </view>
+      <view v-if="hintType === 2" class="tip-content">
+        <text>离开比赛可能会导致比赛失败，</text>
+        <text>确认离开吗？</text>
+        <view>
+          <button hover-class="none" @click="goBack">离开比赛</button>
+          <button hover-class="none" @click="() => (showHint = false)">
+            继续比赛
+          </button>
+        </view>
+      </view>
     </ScreenHint>
   </view>
 </template>
@@ -86,7 +99,7 @@ const backToGame = debounce(async () => {
   justify-content: space-between;
   overflow-x: hidden;
 }
-.back-to-game {
+.tip-content {
   flex-direction: column;
   display: flex;
   align-items: center;
@@ -95,14 +108,17 @@ const backToGame = debounce(async () => {
   width: 100%;
   font-size: 14px;
 }
-.back-to-game > view {
+.tip-content > text {
+  text-align: center;
+}
+.tip-content > view {
   display: flex;
   align-items: center;
   justify-content: space-around;
   margin-top: 50rpx;
   width: 100%;
 }
-.back-to-game > view > button {
+.tip-content > view > button {
   padding: 12px;
   border-radius: 20px;
   background-color: #fff6;
@@ -110,7 +126,7 @@ const backToGame = debounce(async () => {
   width: 45%;
   font-size: 16px;
 }
-.back-to-game > view > button:first-child {
+.tip-content > view > button:first-child {
   background-color: #fed847;
   color: #000;
 }

src/components/Header.vue

@@ -30,18 +30,29 @@ onMounted(() => {
       <image src="../static/back.png" mode="widthFix" />
     </view>
     <view>
-      <block v-if="'凹造型，感知距离，小试牛刀'.indexOf(title) === -1">
+      <block
+        v-if="
+          '-凹造型-感知距离-小试牛刀'.indexOf(title) === -1 ||
+          '-凹造型-感知距离-小试牛刀'.indexOf(title) === 10
+        "
+      >
         <text>{{ title }}</text>
       </block>
-      <block v-if="title && '凹造型，感知距离，小试牛刀'.indexOf(title) !== -1">
+      <block
+        v-if="
+          title &&
+          '-凹造型-感知距离-小试牛刀'.indexOf(title) !== -1 &&
+          '-凹造型-感知距离-小试牛刀'.indexOf(title) !== 10
+        "
+      >
         <view class="first-try-steps">
-          <text :class="title === '凹造型' ? 'current-step' : ''">凹造型</text>
+          <text :class="title === '-凹造型' ? 'current-step' : ''">凹造型</text>
           <text>-</text>
-          <text :class="title === '感知距离' ? 'current-step' : ''"
+          <text :class="title === '-感知距离' ? 'current-step' : ''"
             >感知距离</text
           >
           <text>-</text>
-          <text :class="title === '小试牛刀' ? 'current-step' : ''"
+          <text :class="title === '-小试牛刀' ? 'current-step' : ''"
             >小试牛刀</text
           >
         </view>
@@ -87,5 +98,6 @@ onMounted(() => {
 .current-step {
   font-size: 16px;
   color: #fff;
+  font-weight: bold;
 }
 </style>

src/components/PlayerScore2.vue

@@ -133,7 +133,7 @@ const rowCount = new Array(6).fill(0);
   display: flex;
 }
 .container > view:nth-child(2) > view text {
-  width: 32px;
+  width: 36px;
   text-align: center;
   display: block;
 }
@@ -146,13 +146,13 @@ const rowCount = new Array(6).fill(0);
 }
 .container > view:nth-child(3) {
   display: flex;
+  flex-direction: column;
   align-items: center;
   padding-left: 10px;
+  width: 100%;
 }
-.container > view:nth-child(3) > text:first-child {
-  width: 40px;
-}
-.container > view:nth-child(3) > text:last-child {
-  width: 60px;
+.container > view:nth-child(3) > text {
+  text-align: center;
+  margin: 5px 0;
 }
 </style>

src/components/ShootProgress.vue

@@ -62,15 +62,15 @@ watch(
     }
     if (!oldVal && newVal === true) {
       remain.value = props.total;
-      setTimeout(() => {
-        timer.value = setInterval(() => {
-          if (remain.value > 0) {
-            remain.value--;
-          } else {
-            props.onTimeIsUp();
-          }
-        }, 1000);
-      }, 3000);
+      // setTimeout(() => {
+      timer.value = setInterval(() => {
+        if (remain.value > 0) {
+          remain.value--;
+        } else {
+          props.onTimeIsUp();
+        }
+      }, 1000);
+      // }, 3000);
     } else {
       if (timer.value) clearInterval(timer.value);
     }

src/components/TestDistance.vue

@@ -64,19 +64,27 @@ onUnmounted(() => {
         <BowPower :power="power" />
       </view>
     </Guide>
+    <view class="user-row">
+      <Avatar :src="user.avatar" :size="35" />
+      <BowPower :power="power" />
+    </view>
     <image
       class="text-bg"
       src="https://api.shelingxingqiu.com/attachment/2025-07-05/db3skuq1n9rj4fmld4.png"
       mode="widthFix"
     />
-    <view class="warnning-text" v-if="distance > 0">
-      <text>当前距离{{ distance }}米</text>
-      <text v-if="distance >= 5">已达到距离要求</text>
-      <text v-else>请调整站位</text>
+    <view class="warnning-text">
+      <block v-if="distance > 0">
+        <text>当前距离{{ distance }}米</text>
+        <text v-if="distance >= 5">已达到距离要求</text>
+        <text v-else>请调整站位</text>
+      </block>
+      <block v-else>
+        <text>大人，请射箭</text>
+      </block>
     </view>
     <view class="debug-text">{{ debugInfo }}</view>
     <view>
-      <Avatar :src="user.avatar" :size="35" />
       <view class="simul" @click="simulShoot" :style="{ color: '#fff' }">
         模拟射箭
       </view>
@@ -92,6 +100,7 @@ onUnmounted(() => {
 }
 .text-bg {
   width: 100%;
+  transform: translateY(-50px);
 }
 .warnning-text {
   position: fixed;
@@ -100,8 +109,9 @@ onUnmounted(() => {
   display: flex;
   flex-direction: column;
   align-items: center;
+  width: 54vw;
   left: calc(50% - 27vw);
-  top: 30%;
+  top: 34%;
 }
 .warnning-text > text {
   width: 60vw;
@@ -113,6 +123,7 @@ onUnmounted(() => {
   align-items: center;
   padding: 15px;
   margin-top: -27vw;
+  position: relative;
 }
 .debug-text {
   position: fixed;