UI修改

src/components/BowTarget.vue

@@ -49,6 +49,10 @@ const props = defineProps({
     type: String,
     default: "solo", // solo 单排，team 双排
   },
+  stop: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 const showRoundTips = ref(false);
@@ -127,6 +131,7 @@ const simulShoot2 = async () => {
       <BowPower :power="power" />
     </view>
     <view class="target">
+      <view v-if="stop" class="stop-sign">中场休息</view>
       <view
         v-if="scores.length && showRoundTips && showLatestArrow && showE"
         class="e-value fade-in-out"
@@ -214,8 +219,9 @@ const simulShoot2 = async () => {
             top: calcRealY(bow.y),
             backgroundColor: 'blue',
           }"
-          ><text>{{ index + 1 }}</text></view
         >
+          <text>{{ index + 1 }}</text>
+        </view>
       </block>
       <image src="../static/bow-target.png" mode="widthFix" />
     </view>
@@ -332,4 +338,14 @@ const simulShoot2 = async () => {
 .simul > button {
   color: #fff;
 }
+.stop-sign {
+  position: absolute;
+  font-size: 40px;
+  color: #fff;
+  text-align: center;
+  width: 200px;
+  height: 60px;
+  left: calc(50% - 100px);
+  top: calc(50% - 30px);
+}
 </style>