UI开发

src/pages/practise-one.vue

@@ -5,6 +5,7 @@ import Header from "@/components/Header.vue";
 import ShootProgress from "@/components/ShootProgress.vue";
 import BowTarget from "@/components/BowTarget.vue";
 import ScorePanel2 from "@/components/ScorePanel2.vue";
+import ScoreResult from "@/components/ScoreResult.vue";
 const showScore = ref(false);
 
 setTimeout(() => {
@@ -16,7 +17,7 @@ setTimeout(() => {
   <view class="container">
     <AppBackground type="1" />
     <Header title="个人单组练习" />
-    <ShootProgress tips="请连续射箭36支" total="120" />
+    <ShootProgress tips="请开始射箭第一轮" total="120" />
     <BowTarget
       totalRound="10"
       currentRound="4"
@@ -24,6 +25,12 @@ setTimeout(() => {
       power="45"
     />
     <ScorePanel2 :scores="[1, 2, 3, 4, 5, 6]" />
+    <ScoreResult
+      :total="12"
+      :rowCount="6"
+      :show="showScore"
+      :onClose="() => (showScore = false)"
+    />
   </view>
 </template>