气泡调整

src/components/BubbleTip.vue

@@ -35,9 +35,27 @@ const props = defineProps({
   padding-top: 5px;
   padding-left: 49rpx;
 }
+.normal2 {
+  background-image: url("../static/bubble-tip4.png");
+  width: 190rpx;
+  height: 105rpx;
+  padding-top: 10px;
+  padding-left: 20rpx;
+  top: 25%;
+  left: 15%;
+}
 .long {
   background-image: url("../static/bubble-tip2.png");
   width: 370rpx;
   height: 70rpx;
+  top: -50%;
+  left: 49%;
+}
+.short {
+  background-image: url("../static/bubble-tip3.png");
+  width: 300rpx;
+  height: 70rpx;
+  top: -50%;
+  right: -1%;
 }
 </style>

src/pages/first-try.vue

@@ -260,11 +260,7 @@ const onClose = () => {
     </view>
     <view :style="{ marginBottom: '20px' }">
       <SButton v-if="step !== 4" :onClick="nextStep" :disabled="btnDisabled">
-        <BubbleTip
+        <BubbleTip v-if="showGuide" :type="step === 1 ? 'long' : 'short'">
-          v-if="showGuide"
-          type="long"
-          :location="{ top: '-50%', left: '50%' }"
-        >
           <text :style="{ transform: 'translateY(-18rpx)' }">{{
             step === 1 ? "学会了，我摆得比教练还帅" : "我找到合适的点位了"
           }}</text>

src/pages/practise-one.vue

@@ -18,7 +18,7 @@ import { storeToRefs } from "pinia";
 const store = useStore();
 const { user } = storeToRefs(store);
 const { updateUser } = store;
-const start = ref(true);
+const start = ref(false);
 const scores = ref([]);
 const total = 12;
 const currentRound = ref(0);
@@ -113,14 +113,11 @@ onUnmounted(() => {
         />
         <view class="user-row">
           <Avatar :src="user.avatar" :size="35" />
-          <BowPower :power="power" />
+          <BubbleTip v-if="showGuide" type="normal2">
-          <BubbleTip
-            v-if="showGuide"
-            :location="{ top: '40%', left: '5%', paddingLeft: '16rpx' }"
-          >
             <text>还有两场，坚持</text>
             <text>就是胜利！💪</text>
           </BubbleTip>
+          <BowPower :power="power" />
         </view>
         <BowTarget
           :start="start"

src/pages/practise-two.vue

@@ -107,14 +107,11 @@ onUnmounted(() => {
         />
         <view class="user-row">
           <Avatar :src="user.avatar" :size="35" />
-          <BowPower :power="power" />
+          <BubbleTip v-if="showGuide" type="normal2">
-          <BubbleTip
-            v-if="showGuide"
-            :location="{ top: '40%', left: '5%', paddingLeft: '16rpx' }"
-          >
             <text>完成过半，胜利</text>
             <text>在望！💪</text>
           </BubbleTip>
+          <BowPower :power="power" />
         </view>
         <BowTarget
           :start="start"