细节优化

src/components/BackToGame.vue

@@ -82,6 +82,7 @@ onBeforeUnmount(() => {
 .back-to-game > image:nth-child(2) {
   position: relative;
   width: 60px;
+  height: 60px;
 }
 .back-to-game > text:nth-child(3) {
   position: relative;

src/components/Header.vue

@@ -162,7 +162,7 @@ onBeforeUnmount(() => {
       </block>
     </view>
     <image
-      :style="{ opacity: showLoader && loading ? 1 : 0 }"
+      :style="{ opacity: showLoader && loading ? 0 : 0 }"
       src="../static/btn-loading.png"
       mode="widthFix"
       class="loading"

src/pages/battle-room.vue

@@ -494,7 +494,7 @@ onHide(() => {});
   background-color: #fed847;
   font-size: 8px;
   border-radius: 10px;
-  padding: 2px 5px;
+  padding: 2rpx 10rpx;
 }
 .team-mode > view > image:nth-child(2) {
   width: 120px;

src/pages/friend-battle.vue

@@ -186,7 +186,7 @@ onShow(async () => {
   text-align: center;
   font-size: 14px;
   height: 40px;
-  color: #fff;
+  color: #000;
 }
 .founded-room > view > view {
   background-color: #fed847;