细节调整

src/components/BattleHeader.vue

@@ -22,7 +22,7 @@ defineProps({
     default: 2,
   },
 });
-const bgColors = ["#364469", "#692735", "#934B4B", "#A98B69", "#8268A2 "];
+const bgColors = ["#364469", "#692735", "#934B4B", "#A98B69", "#8268A2"];
 </script>
 
 <template>

src/components/Matching.vue

@@ -89,10 +89,10 @@ onMounted(() => {
     if (totalTop.value === 100) {
       totalTop.value = 0;
     } else {
-      totalTop.value += 0.5;
+      totalTop.value += 2;
     }
     textStyles.value = getTextStyle(totalTop.value);
-  }, 10);
+  }, 40);
 });
 onUnmounted(() => {
   if (timer.value) clearInterval(timer.value);
@@ -155,7 +155,8 @@ onUnmounted(() => {
   width: 70vw;
   height: 95vw;
   overflow: hidden;
-  position: relative;
+  position: absolute;
+  top: 30.5vw;
 }
 .matching-bg {
   position: absolute;
@@ -165,12 +166,13 @@ onUnmounted(() => {
 }
 .matching > button {
   width: 55%;
-  margin-top: 15vw;
   padding: 18px;
   color: #000;
   background-color: #fed847;
   font-size: 18px;
   border-radius: 30px;
+  position: absolute;
+  top: 142vw;
 }
 .player-names {
   width: 100%;