style: 样式修复

src/views/AwardPage/components/ApplySection.vue

@@ -604,6 +604,9 @@ ul {
               .item-header {
                 font-size: 2.2rem;
               }
+              .item-desc{
+                white-space: normal;
+              }
               .desc-wrapper {
                 margin-top: 2rem;
                 font-family: 'Instrument';

src/views/AwardPage/components/Bloom.vue

@@ -241,6 +241,15 @@ p {
       line-height: 3rem;
       white-space: normal;
       margin-bottom: 7rem;
+      .section-1 {
+        font-size: 0;
+        span {
+          font-size: 2rem;
+        }
+      }
+      .section-2 {
+        font-size: 2rem;
+      }
     }
     .people {
       margin: 0 6.6rem;

src/views/AwardPage/components/TimeLine.vue

@@ -21,10 +21,7 @@
         <div class="vertical-content">
           <div class="vertical-time">{{ $t(item.time) }}</div>
           <div class="vertical-label">
-            {{ $t(item.label) }}
-            <template v-if="item.subLabel">
-              {{ $t(item.subLabel) }}
-            </template>
+            {{ $t(item.label) }}{{ item.subLabel ? $t(item.subLabel) : '' }}
           </div>
           <div class="vertical-desc">{{ $t(item.desc) }}</div>
         </div>
@@ -319,6 +316,8 @@ onBeforeUnmount(() => {
       justify-content: center;
       align-items: center;
       text-align: center;
+      width: 22rem;
+      line-height: 3rem;
     }
 
     // 图标行

src/views/AwardPage/contestants.vue

@@ -341,7 +341,7 @@
         </div>
 
         <div class="submit-container" v-if="showStep(3)">
-          <div class="submit-btn poppins-bold" @click="handleSubmitForm">
+          <div class="step-btn submit-btn poppins-bold" @click="handleSubmitForm">
             {{ t('AwardApply.submitYourDesign') }}
           </div>
           <div class="desc">
@@ -1732,16 +1732,16 @@ onUnmounted(() => {
 .submit-container {
   margin-top: 12rem;
 
-  .submit-btn {
-    height: 5rem;
-    background-color: #454545;
-    border-radius: 0.8rem;
-    color: #fff;
-    line-height: 5rem;
-    text-align: center;
-    font-size: 1.6rem;
-    cursor: pointer;
-  }
+  // .submit-btn {
+  //   height: 8rem;
+  //   background-color: #454545;
+  //   border-radius: 0.8rem;
+  //   color: #fff;
+  //   line-height: 8rem;
+  //   text-align: center;
+  //   font-size: 1.6rem;
+  //   cursor: pointer;
+  // }
 
   .desc {
     font-family: 'Instrument';

src/views/AwardPage/index.vue

@@ -155,7 +155,7 @@ const handleSubmitApplication = () => {
 }
 
 .banner.mobile {
-  height: 123.4rem;
+  height: auto;
   .submit-btn {
     top: 52%;
     left: 8%;
@@ -163,7 +163,7 @@ const handleSubmitApplication = () => {
     font-size: 2.6rem;
     column-gap: 1rem;
     letter-spacing: 0%;
-    .arrow{
+    .arrow {
       width: 4rem;
       height: 4rem;
     }
@@ -177,7 +177,7 @@ const handleSubmitApplication = () => {
 }
 .banner.tablet {
   height: 136vw;
-  .submit-btn{
+  .submit-btn {
     top: 74vw;
     left: 11vw;
     width: 46.1rem;