新版房间1v1对战数据调试完成

src/components/ShootProgress2.vue

@@ -19,6 +19,18 @@ const props = defineProps({
 const barColor = ref("");
 const remain = ref(15);
 const timer = ref(null);
+const laoding = ref(false);
+
+const updateRemain = (value) => {
+  // if (Math.ceil(value) === remain.value || Math.floor(value) === remain.value)
+  //   return;
+  if (timer.value) clearInterval(timer.value);
+  remain.value = Math.round(value);
+  timer.value = setInterval(() => {
+    laoding.value = remain.value === 0;
+    if (remain.value > 0) remain.value--;
+  }, 1000);
+};
 
 watch(
   () => props.tips,
@@ -29,11 +41,7 @@ watch(
       barColor.value = "linear-gradient( 180deg, #9AB3FF 0%, #4288FF 100%)";
     if (newVal.includes("重回")) return;
     if (newVal.includes("红队") || newVal.includes("蓝队")) {
-      if (timer.value) clearInterval(timer.value);
-      remain.value = props.total;
-      timer.value = setInterval(() => {
-        if (remain.value > 0) remain.value--;
-      }, 1000);
+      updateRemain(props.total);
     }
   },
   {
@@ -41,22 +49,12 @@ watch(
   }
 );
 
-const updateRemain = (value) => {
-  if (Math.ceil(value) === remain.value || Math.floor(value) === remain.value)
-    return;
-  if (timer.value) clearInterval(timer.value);
-  remain.value = Math.round(value);
-  timer.value = setInterval(() => {
-    if (remain.value > 0) remain.value--;
-  }, 1000);
-};
-
 onMounted(() => {
-  uni.$on("update-ramain", updateRemain);
+  uni.$on("update-remain", updateRemain);
 });
 
 onBeforeUnmount(() => {
-  uni.$off("update-ramain", updateRemain);
+  uni.$off("update-remain", updateRemain);
   if (timer.value) clearInterval(timer.value);
 });
 </script>
@@ -76,7 +74,8 @@ onBeforeUnmount(() => {
           right: tips.includes('红队') ? 0 : 'unset',
         }"
       />
-      <text>剩余{{ remain }}秒</text>
+      <text v-if="!laoding">剩余{{ remain }}秒</text>
+      <text v-else>···</text>
     </view>
   </view>
 </template>