diff --git a/src/assets/images/mobile_version_background/banner_mobile.mp4 b/src/assets/images/mobile_version_background/banner_mobile.mp4 index b91a7e1..86136eb 100644 Binary files a/src/assets/images/mobile_version_background/banner_mobile.mp4 and b/src/assets/images/mobile_version_background/banner_mobile.mp4 differ diff --git a/src/assets/images/mobile_version_background/banner_mobile_zh.mp4 b/src/assets/images/mobile_version_background/banner_mobile_zh.mp4 index 86136eb..b91a7e1 100644 Binary files a/src/assets/images/mobile_version_background/banner_mobile_zh.mp4 and b/src/assets/images/mobile_version_background/banner_mobile_zh.mp4 differ diff --git a/src/lang/en.ts b/src/lang/en.ts index b1c2209..1b7f939 100644 --- a/src/lang/en.ts +++ b/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', diff --git a/src/lang/zh-cn.ts b/src/lang/zh-cn.ts index a8c587f..67304a6 100644 --- a/src/lang/zh-cn.ts +++ b/src/lang/zh-cn.ts @@ -81,6 +81,7 @@ export default { tim: '现代传播集团\n(上海)时尚总监', desmond: '《Vogue》\n(新加坡)主编' }, + tbd: '待定', awardPrizes: '奖项与奖金', recognition: '荣誉认可', grandMoney: '5,000美元', diff --git a/src/views/AwardPage/components/JudgesSection.vue b/src/views/AwardPage/components/JudgesSection.vue index e4989a6..f6338f3 100644 --- a/src/views/AwardPage/components/JudgesSection.vue +++ b/src/views/AwardPage/components/JudgesSection.vue @@ -9,9 +9,15 @@ v-for="item in judgements" :key="item.name" > - -
{{ $t(item.name) }}
-
{{ $t(item.desc) }}
+ + @@ -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; } } diff --git a/src/views/AwardPage/components/TimeLine.vue b/src/views/AwardPage/components/TimeLine.vue index 6e45db3..806f25b 100644 --- a/src/views/AwardPage/components/TimeLine.vue +++ b/src/views/AwardPage/components/TimeLine.vue @@ -21,7 +21,10 @@
{{ $t(item.time) }}
- {{ $t(item.label) }}{{ item.subLabel ? $t(item.subLabel) : '' }} + {{ $t(item.label) }}{{ locale === 'ENGLISH' ? ' ' + $t(item.subLabel) : '' }} +
{{ $t(item.desc) }}
@@ -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('isMobile') const isPad = inject('isPad')