更换测距页面

src/pages/melee-match.vue

@@ -13,6 +13,7 @@ import Avatar from "@/components/Avatar.vue";
 import ScreenHint from "@/components/ScreenHint.vue";
 import Matching from "@/components/Matching.vue";
 import SModal from "@/components/SModal.vue";
+import TestDistance from "@/components/TestDistance.vue";
 import { matchGameAPI, readyGameAPI } from "@/apis";
 import { MESSAGETYPES, getMessageTypeName } from "@/constants";
 import useStore from "@/store";
@@ -79,10 +80,6 @@ async function onReceiveMessage(messages = []) {
         });
       };
     }
-    if (!start.value && msg.constructor === MESSAGETYPES.ShootSyncMeArrowID) {
-      scores.value.push(msg.target);
-      power.value = msg.target.battery;
-    }
     if (msg.id !== battleId.value) return;
     if (msg.constructor === MESSAGETYPES.MeleeAllReady) {
       start.value = true;
@@ -140,16 +137,8 @@ onUnmounted(() => {
   >
     <view class="container">
       <block v-if="battleId">
-        <BattleHeader v-if="players.length" :players="players" />
-        <Guide noBg v-if="!start && battleId">
-          <view :style="{ display: 'flex', justifyContent: 'space-between' }">
-            <view :style="{ display: 'flex', flexDirection: 'column' }">
-              <text :style="{ color: '#fed847' }">请预先射几箭测试</text>
-              <text>请确保射击距离只有5米</text>
-            </view>
-            <BowPower :power="45" />
-          </view>
-        </Guide>
+        <BattleHeader :players="players" />
+        <TestDistance v-if="!start" :guide="false" />
         <ShootProgress
           v-if="start"
           :seq="seq"
@@ -161,7 +150,7 @@ onUnmounted(() => {
           <BowPower :power="power" />
         </view>
         <BowTarget
-          v-if="battleId"
+          v-if="start"
           :showE="start"
           :currentRound="scores.length"
           :totalRound="start ? 12 : 0"