完成分享图片UI

src/components/ScoreResult.vue

@@ -2,6 +2,7 @@
 import { ref } from "vue";
 import IconButton from "@/components/IconButton.vue";
 import SButton from "@/components/SButton.vue";
+import ImageShare from "@/components/ImageShare.vue";
 import CoachComment from "@/components/CoachComment.vue";
 const props = defineProps({
   show: {
@@ -27,6 +28,7 @@ const props = defineProps({
 });
 const showPanel = ref(true);
 const showComment = ref(false);
+const showShare = ref(false);
 const closePanel = () => {
   showPanel.value = false;
   setTimeout(() => {
@@ -84,7 +86,11 @@ setTimeout(() => {
         </view>
       </view>
       <view>
-        <IconButton name="分享" src="../static/share.png" />
+        <IconButton
+          name="分享"
+          src="../static/share.png"
+          :onClick="() => (showShare = true)"
+        />
         <IconButton
           name="教练点评"
           src="../static/review.png"
@@ -95,6 +101,7 @@ setTimeout(() => {
         >
       </view>
     </view>
+    <ImageShare :show="showShare" :onClose="() => (showShare = false)" />
     <CoachComment :show="showComment" :onClose="() => (showComment = false)">
       {{ result.adjustmentHint }}
     </CoachComment>