bugfix: 中英文视频错误

src/views/AwardPage/components/JudgesSection.vue

@@ -9,9 +9,15 @@
         v-for="item in judgements"
         :key="item.name"
       >
-        <img :src="item.picture" class="picture" />
-        <div class="name">{{ $t(item.name) }}</div>
-        <div class="desc">{{ $t(item.desc) }}</div>
+        <template v-if="!item.tbd">
+          <img :src="item.picture" class="picture" />
+          <div class="name">{{ $t(item.name) }}</div>
+          <div class="desc">{{ $t(item.desc) }}</div>
+        </template>
+        <template v-else>
+          <div class="picture tbd"></div>
+          <div class="name">{{ $t('AwardsPage.tbd') }}</div>
+        </template>
       </div>
     </div>
   </div>
@@ -40,7 +46,8 @@ const judgements = [
   {
     picture: diego,
     name: 'Diego Dultzin Lacoste',
-    desc: 'AwardsPage.judgesHat.diego'
+    desc: 'AwardsPage.judgesHat.diego',
+    tbd: true
   },
   {
     picture: gregory,
@@ -50,12 +57,14 @@ const judgements = [
   {
     picture: vincenzo,
     name: 'Vincenzo La Torre',
-    desc: 'AwardsPage.judgesHat.vincenzo'
+    desc: 'AwardsPage.judgesHat.vincenzo',
+    tbd: true
   },
   {
     picture: tim,
     name: 'Tim Lim',
-    desc: 'AwardsPage.judgesHat.tim'
+    desc: 'AwardsPage.judgesHat.tim',
+    tbd: true
   },
   {
     picture: desmond,
@@ -206,6 +215,9 @@ onBeforeUnmount(() => {
         width: 20.2rem;
         height: 26rem;
         border-radius: 0.8rem;
+        &.tbd {
+          background-color: #d7d7d7;
+        }
       }
       .name {
         margin: 3rem 0 2.4rem;
@@ -228,22 +240,22 @@ onBeforeUnmount(() => {
     height: 139.6rem;
     background: url('@/assets/images/mobile_version_background/judge_bg.png') no-repeat;
     background-size: 100% 100%;
-		padding-top: 6rem;
+    padding-top: 6rem;
     .title {
       font-size: 3.2rem;
       margin-bottom: 0.8rem;
     }
     .sub-title {
-			font-family: 'PoppinsMedium';
-			font-weight: 500;
+      font-family: 'PoppinsMedium';
+      font-weight: 500;
       font-size: 2.4rem;
       margin-bottom: 5.8rem;
     }
     .judgement-list {
-			padding: 0 8.6rem;
+      padding: 0 8.6rem;
       grid-template-columns: repeat(2, 1fr);
       column-gap: 6.8rem;
-			row-gap: 6rem;
+      row-gap: 6rem;
       // row-gap: 4rem;
       // padding: 0 1.6rem;
       .judgement-item {
@@ -253,10 +265,10 @@ onBeforeUnmount(() => {
         }
         .name {
           font-size: 2.4rem;
-					margin: 1.2rem 0;
+          margin: 1.2rem 0;
         }
         .desc {
-					font-family: 'Instrument';
+          font-family: 'Instrument';
           font-size: 2rem;
         }
       }

src/views/AwardPage/components/TimeLine.vue

@@ -21,7 +21,10 @@
         <div class="vertical-content">
           <div class="vertical-time">{{ $t(item.time) }}</div>
           <div class="vertical-label">
-            {{ $t(item.label) }}{{ item.subLabel ? $t(item.subLabel) : '' }}
+            {{ $t(item.label) }}{{ locale === 'ENGLISH' ? ' ' + $t(item.subLabel) : '' }}
+            <!-- <template v-if="isMobile">
+              
+            </template> -->
           </div>
           <div class="vertical-desc">{{ $t(item.desc) }}</div>
         </div>
@@ -70,7 +73,7 @@ import { nextTick, onBeforeUnmount, onMounted, ref, computed, inject } from 'vue
 import { useI18n } from 'vue-i18n'
 import { gsap } from 'gsap'
 
-// const { t } = useI18n()
+const { locale } = useI18n()
 
 const isMobile = inject<boolean>('isMobile')
 const isPad = inject<boolean>('isPad')