bugfix: 中英文视频错误

src/lang/en.ts

@@ -87,6 +87,7 @@ export default {
       tim: 'Group Fashion Director of\n Modern Media Group\n(Shanghai)',
       desmond: 'Chief Editor of Vogue\n(Singapore)'
     },
+    tbd: 'To be determined',
     awardPrizes: 'Award & Prizes',
     recognition: 'Recognition',
     grandMoney: 'US$5,000',

src/lang/zh-cn.ts

@@ -81,6 +81,7 @@ export default {
       tim: '现代传播集团\n（上海）时尚总监',
       desmond: '《Vogue》\n（新加坡）主编'
     },
+    tbd: '待定',
     awardPrizes: '奖项与奖金',
     recognition: '荣誉认可',
     grandMoney: '5,000美元',

src/views/AwardPage/components/JudgesSection.vue

@@ -9,9 +9,15 @@
         v-for="item in judgements"
         :key="item.name"
       >
+        <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;

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')