UI细节调整

src/pages/first-try.vue

@@ -10,8 +10,7 @@ import ScorePanel from "@/components/ScorePanel.vue";
 import Container from "@/components/Container.vue";
 import Avatar from "@/components/Avatar.vue";
 import BowPower from "@/components/BowPower.vue";
-import StartCountdown from "@/components/StartCountdown.vue";
-import { createPractiseAPI, getHomeData } from "@/apis";
+import { createPractiseAPI } from "@/apis";
 import { generateCanvasImage } from "@/util";
 import { MESSAGETYPES } from "@/constants";
 import useStore from "@/store";
@@ -32,7 +31,6 @@ const stepButtonTexts = [
   "退出新手试炼",
 ];
 const title = ref("新手试炼场");
-const startCount = ref(false);
 const start = ref(false);
 const practiseResult = ref({});
 const power = ref(0);
@@ -42,11 +40,6 @@ const createPractise = async (arrows) => {
   const result = await createPractiseAPI(arrows);
 };
 
-const onStart = () => {
-  start.value = true;
-  scores.value = [];
-};
-
 async function onReceiveMessage(messages = []) {
   messages.forEach((msg) => {
     if (msg.constructor === MESSAGETYPES.ShootSyncMeArrowID) {
@@ -92,13 +85,11 @@ const nextStep = async () => {
     title.value = "小试牛刀";
   } else if (step.value === 3) {
     title.value = "新手试炼场";
-    scores.value = [];
     await createPractise(total);
+    scores.value = [];
     step.value = 4;
-    startCount.value = true;
+    start.value = true;
   } else if (step.value === 5) {
-    // const result = await getHomeData();
-    // if (result.user) updateUser(result.user);
     uni.navigateBack({
       delta: 1,
     });
@@ -121,7 +112,7 @@ const onClose = () => {
         :type="
           step === 2
             ? 2
-            : step === 5 || (step === 1 && user.nickName.length > 6)
+            : step === 5 || (step === 0 && user.nickName.length > 6)
             ? 1
             : 0
         "
@@ -155,7 +146,6 @@ const onClose = () => {
             <text
               >反曲弓运动基本知识和射灵世界系统规则你已Get，是不是挺容易呀：）</text
             >
-            <!-- 这行是占位用的 -->
             <text :style="{ opacity: 0 }">新手试炼场通关啦，优秀！</text>
           </view>
         </view>
@@ -193,13 +183,15 @@ const onClose = () => {
         :total="100"
         :start="start"
       />
-      <view class="infos" v-if="step === 4">
-        <Avatar :src="user.avatar" :size="35" />
+      <view class="infos" v-if="step === 2 || step === 4">
+        <text v-if="step === 2">大人，请射箭</text>
+        <Avatar v-if="step === 4" :src="user.avatar" :size="35" />
         <BowPower :power="power" />
       </view>
       <BowTarget
+        :start="start"
         :avatar="step === 2 ? user.avatar : ''"
-        :power="step === 2 ? power : 0"
+        :power="step !== 2 ? power : 0"
         :debug="step === 2"
         v-if="step === 2 || step === 4"
         :currentRound="step === 4 ? scores.length : 0"
@@ -228,7 +220,6 @@ const onClose = () => {
         :result="practiseResult"
       />
       <canvas class="share-canvas" canvas-id="shareCanvas"></canvas>
-      <StartCountdown :start="startCount" :onFinish="onStart" />
     </view>
     <view :style="{ marginBottom: '20px' }">
       <SButton v-if="step !== 4" :onClick="nextStep" :disabled="btnDisabled">{{
@@ -253,4 +244,9 @@ const onClose = () => {
   padding: 0 15px;
   padding-top: 15px;
 }
+.infos > text {
+  font-size: 20px;
+  color: #fed847;
+  margin-bottom: 50px;
+}
 </style>