细节修改

src/pages/practise-one.vue

@@ -58,12 +58,19 @@ async function onReceiveMessage(messages = []) {
     }
     if (msg.constructor === MESSAGETYPES.ShootSyncMePracticeID) {
       if (practiseId.value && practiseId.value === msg.practice.id) {
-        start.value = false;
-        practiseResult.value = {
-          ...msg.practice,
-          arrows: JSON.parse(msg.practice.arrows),
-        };
-        generateCanvasImage("shareCanvas", 2, user.value, practiseResult.value);
+        setTimeout(() => {
+          start.value = false;
+          practiseResult.value = {
+            ...msg.practice,
+            arrows: JSON.parse(msg.practice.arrows),
+          };
+          generateCanvasImage(
+            "shareCanvas",
+            2,
+            user.value,
+            practiseResult.value
+          );
+        }, 1500);
       }
     }
   });
@@ -101,8 +108,8 @@ onUnmounted(() => {
 <template>
   <Container :bgType="1" title="个人单组练习">
     <view>
-      <TestDistance v-if="!start && !practiseResult.arrows" />
-      <block v-if="start || practiseResult.arrows">
+      <TestDistance v-if="!practiseId" />
+      <block v-if="practiseId">
         <ShootProgress
           :tips="`${
             !start || scores.length === 12