UI调整

src/pages/team-battle.vue

@@ -6,7 +6,6 @@ import BattleHeader from "@/components/BattleHeader.vue";
 import BowTarget from "@/components/BowTarget.vue";
 import ShootProgress from "@/components/ShootProgress.vue";
 import PlayersRow from "@/components/PlayersRow.vue";
-import Timer from "@/components/Timer.vue";
 import BattleFooter from "@/components/BattleFooter.vue";
 import ScreenHint from "@/components/ScreenHint.vue";
 import SButton from "@/components/SButton.vue";
@@ -301,10 +300,10 @@ onHide(() => {
 </script>
 
 <template>
-  <Container :bgType="3" :onBack="onBack">
+  <Container :bgType="start ? 3 : 1" :onBack="onBack">
     <view class="container">
       <BattleHeader v-if="!start" :redTeam="redTeam" :blueTeam="blueTeam" />
-      <TestDistance v-if="!start" :guide="false" />
+      <TestDistance v-if="!start" :guide="false" :isBattle="true" />
       <view v-if="start" class="players-row">
         <TeamAvatars
           :team="blueTeam"
@@ -334,7 +333,6 @@ onHide(() => {
         :goldenRound="goldenRound"
         :power="power"
       />
-      <Timer v-if="!start" />
       <ScreenHint
         :show="showRoundTip"
         :onClose="() => (showRoundTip = false)"