UI细节调整

src/components/BowTarget.vue

@@ -241,6 +241,7 @@ const simulShoot = async () => {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  margin-bottom: -10px;
 }
 .header > image:first-child {
   width: 40px;
@@ -262,6 +263,7 @@ const simulShoot = async () => {
   min-height: 40px;
   max-height: 40px;
   border-radius: 50%;
+  border: 1px solid #fff;
 }
 .container > text {
   width: 100%;
@@ -269,7 +271,6 @@ const simulShoot = async () => {
   text-align: center;
   line-height: 40px;
   display: block;
-  margin-top: 20px;
 }
 .simul {
   position: absolute;

src/components/Header.vue

@@ -36,11 +36,11 @@ onMounted(() => {
       <block v-else>
         <view class="first-try-steps">
           <text :class="title === '凹造型' ? 'current-step' : ''">凹造型</text>
-          <text>—</text>
+          <text>-</text>
           <text :class="title === '感知距离' ? 'current-step' : ''"
             >感知距离</text
           >
-          <text>—</text>
+          <text>-</text>
           <text :class="title === '小试牛刀' ? 'current-step' : ''"
             >小试牛刀</text
           >

src/components/PlayersRow.vue

@@ -94,9 +94,11 @@ defineProps({
 .container {
   width: calc(100% - 30px);
   margin: 15px;
+  margin-bottom: 0;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
+  
 }
 .container > view {
   width: 50%;

src/components/ScorePanel.vue

@@ -40,7 +40,7 @@ const timer = ref(null);
 onMounted(() => {
   timer.value = setInterval(() => {
     bgIndex.value = bgIndex.value === 0 ? 1 : 0;
-  }, 500);
+  }, 200);
 });
 onUnmounted(() => {
   if (timer.value) {
@@ -89,7 +89,7 @@ onUnmounted(() => {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
-  margin: 0 5vw;
+  margin: 0 4vw;
   position: relative;
   padding: 1vw 0;
 }

src/components/ShootProgress.vue

@@ -132,7 +132,7 @@ onUnmounted(() => {
   text-align: center;
   background-color: #ffffff80;
   border-radius: 20px;
-  margin-top: -14px;
+  margin-top: -20px;
   font-size: 12px;
   height: 20px;
   line-height: 20px;