细节调整

src/apis.js

@@ -16,6 +16,10 @@ function request(method, url, data = {}) {
           if (res.data.message.indexOf("登录身份已失效") !== -1) {
             uni.removeStorageSync("token");
           }
+          if (url.indexOf("/user/room") !== -1 && method === "GET") {
+            resolve({});
+            return;
+          }
           uni.showToast({
             title: res.data.message,
             icon: "none",

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%;

src/constants.js

@@ -35,3 +35,16 @@ export const roundsName = {
   4: "四",
   5: "五",
 };
+
+export const meleeAvatarColors = [
+  "#364469",
+  "#692735",
+  "#934B4B",
+  "#A98B69",
+  "#8268A2",
+  "#9C538F",
+  "#6870BB",
+  "#4B8593",
+  "#9BA969",
+  "#DCCE6D",
+];