UI完善

src/components/ShootProgress.vue

@@ -19,12 +19,19 @@ const props = defineProps({
   },
 });
 
-let barColor = "#fed847";
-if (props.tips.includes("红队")) barColor = "#FF6060";
-if (props.tips.includes("蓝队")) barColor = "#5FADFF";
+const barColor = ref("#fed847");
+
 const remain = ref(props.total);
 const timer = ref(null);
 
+watch(
+  () => props.tips,
+  (newVal) => {
+    if (newVal.includes("红队")) barColor.value = "#FF6060";
+    if (newVal.includes("蓝队")) barColor.value = "#5FADFF";
+  }
+);
+
 watch(
   () => props.seq,
   () => {
@@ -115,6 +122,7 @@ watch(
   height: 20px;
   border-radius: 20px;
   z-index: -1;
+  transition: all 0.3s linear;
 }
 .container > view:last-child > text {
   z-index: 1;