完成不同练习生成不同截图

src/components/Container.vue

@@ -48,5 +48,6 @@ onMounted(() => {
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
+  overflow-x: hidden;
 }
 </style>

src/components/ScorePanel2.vue

@@ -20,7 +20,6 @@ const roundsName = ["第一轮", "第二轮", "第三轮", "第四轮"];
     <view
       v-for="(_, index) in new Array(Math.ceil(scores.length / 3)).fill(1)"
       :key="index"
-      class="score-item"
     >
       <text>{{ roundsName[index] }}</text>
       <text>{{
@@ -47,8 +46,8 @@ const roundsName = ["第一轮", "第二轮", "第三轮", "第四轮"];
 .container {
   width: 100vw;
   display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
+  flex-direction: column;
+  overflow-x: hidden;
 }
 .container > view {
   width: calc(100% - 30px);

src/components/ScoreResult.vue

@@ -2,7 +2,6 @@
 import { ref } from "vue";
 import IconButton from "@/components/IconButton.vue";
 import SButton from "@/components/SButton.vue";
-import ImageShare from "@/components/ImageShare.vue";
 import ScreenHint from "@/components/ScreenHint.vue";
 import BowData from "@/components/BowData.vue";
 const props = defineProps({
@@ -26,10 +25,13 @@ const props = defineProps({
     type: Object,
     default: () => ({}),
   },
+  dataType: {
+    type: Number,
+    default: 0,
+  },
 });
 const showPanel = ref(true);
 const showComment = ref(false);
-const showShare = ref(false);
 const showBowData = ref(false);
 const closePanel = () => {
   showPanel.value = false;
@@ -40,6 +42,11 @@ const closePanel = () => {
 setTimeout(() => {
   showPanel.value = true;
 }, 300);
+const toSharePage = () => {
+  uni.navigateTo({
+    url: `image-share?id=${props.result.id}&type=${props.dataType}`,
+  });
+};
 </script>
 
 <template>
@@ -89,7 +96,7 @@ setTimeout(() => {
         <IconButton
           name="分享"
           src="../static/share.png"
-          :onClick="() => (showShare = true)"
+          :onClick="toSharePage"
         />
         <IconButton
           name="教练点评"
@@ -99,7 +106,6 @@ setTimeout(() => {
         <SButton width="70vw" :rounded="30" :onClick="closePanel">完成</SButton>
       </view>
     </view>
-    <ImageShare :show="showShare" :onClose="() => (showShare = false)" />
     <ScreenHint :show="showComment" :onClose="() => (showComment = false)">
       {{ result.adjustmentHint }}
     </ScreenHint>