UI更新

src/App.vue

@@ -189,7 +189,7 @@ button::after {
   align-items: center;
   justify-content: space-between;
   padding: 0 15px;
-  padding-top: 10px;
+  padding-top: 7px;
   position: relative;
 }
 .half-time-tip {

src/components/BowTarget.vue

@@ -199,7 +199,7 @@ const simulShoot2 = async () => {
 <style scoped>
 .container {
   width: calc(100% - 30px);
-  padding: 5px 15px;
+  padding: 0px 15px;
   position: relative;
 }
 .target {

src/components/BubbleTip.vue

@@ -43,6 +43,7 @@ const props = defineProps({
   padding-left: 20rpx;
   top: 0;
   left: 15%;
+  z-index: 1;
 }
 .long {
   background-image: url("../static/bubble-tip2.png");

src/components/Container.vue

@@ -68,7 +68,7 @@ const goBack = () => {
     <view
       class="content"
       :style="{
-        height: isHome ? '100vh' : `calc(100vh - ${isIos ? 200 : 170}rpx)`,
+        height: isHome ? '100vh' : `calc(100vh - ${isIos ? 180 : 150}rpx)`,
         overflow,
       }"
     >

src/components/Header.vue

@@ -92,7 +92,7 @@ onUnmounted(() => {
   justify-content: flex-start;
   align-items: center;
   width: 72vw;
-  height: 120rpx;
+  height: 100rpx;
   /* margin-top: var(--status-bar-height); */
   padding-left: 15px;
   color: #fff;

src/components/ShootProgress.vue

@@ -223,7 +223,7 @@ onUnmounted(() => {
   transform: translateX(-10px);
 }
 .container > view:first-child > image:first-child {
-  width: 22vw;
+  width: 20vw;
   transform: translateX(10px);
 }
 .container > view:first-child > text {