UI细节调整

src/pages/first-try.vue

@@ -217,7 +217,7 @@ const onClose = () => {
         :result="practiseResult"
       />
     </view>
-    <view :style="{ marginBottom: '10px' }">
+    <view :style="{ marginBottom: '20px' }">
       <SButton v-if="step !== 4" :onClick="nextStep" :disabled="btnDisabled">{{
         stepButtonTexts[step]
       }}</SButton>

src/pages/melee-match.vue

@@ -149,7 +149,7 @@ onUnmounted(() => {
       />
       <Timer :seq="timerSeq" :callBack="readyToGo" />
     </view>
-    <view :style="{ marginBottom: '10px' }">
+    <view :style="{ marginBottom: '20px' }">
       <SButton v-if="!battleId" :onClick="matching ? stopMatch : startMatch">{{
         matching ? "取消匹配" : "开始匹配"
       }}</SButton>

src/pages/my-growth.vue

@@ -245,7 +245,7 @@ const onPractiseLoading = async (page) => {
 }
 .player > text {
   margin-top: 5px;
-  font-size: 14px;
+  font-size: 12px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

src/pages/practise-one.vue

@@ -105,7 +105,7 @@ onUnmounted(() => {
         :result="practiseResult"
       />
     </view>
-    <view :style="{ marginBottom: '10px' }">
+    <view :style="{ marginBottom: '20px' }">
       <SButton v-if="!start" :onClick="onReady">准备好了，直接开始</SButton>
     </view>
   </Container>

src/pages/practise-two.vue

@@ -105,7 +105,7 @@ onUnmounted(() => {
         :result="practiseResult"
       />
     </view>
-    <view :style="{ marginBottom: '10px' }">
+    <view :style="{ marginBottom: '20px' }">
       <SButton v-if="!start" :onClick="onReady">准备好了，直接开始</SButton>
     </view>
   </Container>

src/pages/team-match.vue

@@ -185,7 +185,7 @@ onUnmounted(() => {
       />
       <Timer :seq="timerSeq" :callBack="readyToGo" />
     </view>
-    <view :style="{ marginBottom: '10px' }">
+    <view :style="{ marginBottom: '20px' }">
       <SButton v-if="!battleId" :onClick="matching ? stopMatch : startMatch">{{
         matching ? "取消匹配" : "开始匹配"
       }}</SButton>