UI细节调整

src/components/BattleHeader.vue

@@ -92,7 +92,7 @@ const bgColors = ["#364469", "#692735", "#934B4B", "#A98B69", "#8268A2 "];
   align-items: center;
   justify-content: center;
   color: #fff9;
-  font-size: 14px;
+  font-size: 12px;
   margin-top: 15px;
   overflow: hidden;
   position: relative;
@@ -124,7 +124,7 @@ const bgColors = ["#364469", "#692735", "#934B4B", "#A98B69", "#8268A2 "];
   align-items: center;
   justify-content: center;
   color: #fff9;
-  font-size: 14px;
+  font-size: 12px;
   padding-top: 5px;
 }
 .player-name {

src/components/ScoreResult.vue

@@ -67,10 +67,8 @@ setTimeout(() => {
     >
       <view>
         <text
-          >本剧成绩（共{{
-            result.arrows
-              .map((a) => a.ring)
-              .reduce((last, next) => last + next, 0)
+          >本局成绩（共{{
+            result.arrows.reduce((last, next) => last + next.ring, 0)
           }}环）：</text
         >
         <button @click="() => (showBowData = true)">
@@ -154,6 +152,9 @@ setTimeout(() => {
   justify-content: space-between;
   align-items: center;
 }
+.container-content > view:first-child > text:first-child {
+  color: #000;
+}
 .container-content > view:first-child > button {
   display: flex;
   align-items: center;

src/components/ShootProgress.vue

@@ -99,6 +99,7 @@ watch(
 }
 .container > view:first-child > image:first-child {
   width: 80px;
+  transform: translateX(10px);
 }
 .container > view:first-child > button:last-child > image {
   width: 50px;

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>