bugfix: 中英文视频错误

src/lang/en.ts

@@ -63,7 +63,7 @@ export default {
         regular3: 'hosted by ',
         bold3: 'Code-Create',
         regular4: ', a globally leading\n',
-        bold4: 'AI fashion solutions provider , ',
+        bold4: 'AI fashion solutions provider, ',
         regular5:
           'celebrating the future of creativity powered by artificial intelligence.\nBringing together designers from around the world, AiDA empowers AI as a creative partner—pushing fashion beyond traditional boundaries and unlocking new possibilities where technology amplifies human imagination.'
       },
@@ -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"
       >
-        <img :src="item.picture" class="picture" />
+        <template v-if="!item.tbd">
-        <div class="name">{{ $t(item.name) }}</div>
+          <img :src="item.picture" class="picture" />
-        <div class="desc">{{ $t(item.desc) }}</div>
+          <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-family: 'PoppinsMedium';
-			font-weight: 500;
+      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')