修复练习不能分享的问题

src/pages/practise-two.vue

@@ -11,7 +11,7 @@ import BowPower from "@/components/BowPower.vue";
 import TestDistance from "@/components/TestDistance.vue";
 import BubbleTip from "@/components/BubbleTip.vue";
 import { createPractiseAPI } from "@/apis";
-import { generateCanvasImage } from "@/util";
+import { generateCanvasImage, wxShare, debounce } from "@/util";
 import { MESSAGETYPES } from "@/constants";
 import useStore from "@/store";
 import { storeToRefs } from "pinia";
@@ -56,12 +56,6 @@ async function onReceiveMessage(messages = []) {
             arrows: JSON.parse(msg.practice.arrows),
             lvl: msg.lvl,
           };
-          generateCanvasImage(
-            "shareCanvas",
-            3,
-            user.value,
-            practiseResult.value
-          );
         }, 1500);
       }
     }
@@ -82,11 +76,17 @@ async function onComplete() {
   }
 }
 
+const onClickShare = debounce(async () => {
+  await generateCanvasImage("shareCanvas", 3, user.value, practiseResult.value);
+  await wxShare("shareCanvas");
+});
+
 onMounted(() => {
   uni.setKeepScreenOn({
     keepScreenOn: true,
   });
   uni.$on("socket-inbox", onReceiveMessage);
+  uni.$on("share-image", onClickShare);
 });
 
 onBeforeUnmount(() => {
@@ -94,6 +94,7 @@ onBeforeUnmount(() => {
     keepScreenOn: false,
   });
   uni.$off("socket-inbox", onReceiveMessage);
+  uni.$off("share-image", onClickShare);
 });
 </script>