diff --git a/src/App.vue b/src/App.vue index 81a4a67..4debc38 100644 --- a/src/App.vue +++ b/src/App.vue @@ -12,6 +12,8 @@ import RouteCache from '@/components/RouteCache.vue' } html, body { + overscroll-behavior: none; + overflow-x: hidden; &::-webkit-scrollbar { width: 0; display: none; diff --git a/src/assets/images/award/banner_mobile_chinese.mp4 b/src/assets/images/mobile_version_background/banner_mobile.mp4 similarity index 100% rename from src/assets/images/award/banner_mobile_chinese.mp4 rename to src/assets/images/mobile_version_background/banner_mobile.mp4 diff --git a/src/assets/images/award/banner_mobile.mp4 b/src/assets/images/mobile_version_background/banner_mobile_zh.mp4 similarity index 100% rename from src/assets/images/award/banner_mobile.mp4 rename to src/assets/images/mobile_version_background/banner_mobile_zh.mp4 diff --git a/src/assets/images/mobile_version_background/ellipse.png b/src/assets/images/mobile_version_background/ellipse.png new file mode 100644 index 0000000..8d64469 Binary files /dev/null and b/src/assets/images/mobile_version_background/ellipse.png differ diff --git a/src/assets/images/mobile_version_background/people.png b/src/assets/images/mobile_version_background/people.png new file mode 100644 index 0000000..082cfee Binary files /dev/null and b/src/assets/images/mobile_version_background/people.png differ diff --git a/src/lang/en.ts b/src/lang/en.ts index 321645c..189ce52 100644 --- a/src/lang/en.ts +++ b/src/lang/en.ts @@ -22,11 +22,11 @@ export default { step2List: [ 'How AiDA is used as a creative tool', 'Your design concept and creative direction', - 'The intergration of AI and human creativity' + 'The integration of AI and human creativity' ], step3Title: 'Step 3. Prepare Your Submission', processVideo: 'Process Video', - processVideoDesc: 'Include a screen‑recorded video\nyour creative process\nusing AiDA.​', + processVideoDesc: 'Include a screen‑recorded video of\nyour creative process\nusing AiDA.​', videoRequirements: 'Video requirements:', videoFormat: 'Format: MP4', videoResolution: 'Resolution: 1080×1920 px', @@ -57,7 +57,7 @@ export default { bloomText: { desc1: { regular1: 'The', - bold1: 'AiDA Global Design Award 2026', + bold1: ' AiDA Global Design Award 2026 ', regular2: 'is an ', bold2: 'international design competition ', regular3: 'hosted by ', @@ -82,9 +82,9 @@ export default { judgesHat: { jae: 'Code-Create Branch Director\nBesfxxk creative director\n(Korea)', diego: 'Co-founder & Chief Father\nOfficer of OnTheList\n(Hong Kong)', - gregory: 'Senior Designer at\nGabriela Hearst (Italy)', - vincenzo: 'Cheif Editor of SCMP Style\n(Hong Kong)', - tim: 'Group Fashion Direction of\n Modern Media Group\n(Shanghai)', + gregory: 'Senior Designer at\nGabriela Heasrst (Italy)', + vincenzo: 'Chief Editor of SCMP Style\n(Hong Kong)', + tim: 'Group Fashion Director of\n Modern Media Group\n(Shanghai)', desmond: 'Chief Editor of Vogue\n(Singapore)' }, awardPrizes: 'Award & Prizes', @@ -125,16 +125,16 @@ export default { timelineDeadlineLabel: 'Deadline', timeJul15: 'Jul 15', applicationDeadlineDesc: 'Application deadline and\nentry review process\nbegins.', - twentyFinalistsAnnounced: '20 Finallists', + twentyFinalistsAnnounced: '20 Finalists', announcedLabel: 'Announced', timeAug30: 'Aug 30', twentyFinalistsDesc: 'Announcement of 20\nfinalists entering final\nevaluation stage.', - finalistSubmission: 'Finallist\nSubmission', + finalistSubmission: 'Finalist\nSubmission', submissionLabel: 'Deadline', timeSept30: 'Sept 30', finalistSubmissionDesc: 'Finalists submit\ncompleted outfits for\nfinal assessment.', receivingOutfits: 'Receiving Outfits', - fromFinalistsLabel: 'from Finallists', + fromFinalistsLabel: 'from Finalists', timeOctober: 'October', receivingOutfitsDesc: 'Finalists send one physical outfit to Code-Create (address to advise)', awardCeremony: 'Award', diff --git a/src/lang/zh-cn.ts b/src/lang/zh-cn.ts index f41854b..cea19de 100644 --- a/src/lang/zh-cn.ts +++ b/src/lang/zh-cn.ts @@ -250,6 +250,6 @@ export default { uploadFailed: '上传失败', nextStep: '下一步', stepTips: '请一次性完成这个表单。', - backToIntroduction: '返回赛事介绍' + backToIntroduction: '赛事介绍' } } diff --git a/src/views/AwardPage/components/Bloom.vue b/src/views/AwardPage/components/Bloom.vue index 6f41364..7c08c21 100644 --- a/src/views/AwardPage/components/Bloom.vue +++ b/src/views/AwardPage/components/Bloom.vue @@ -1,5 +1,11 @@ @@ -190,15 +202,31 @@ p { line-height: 4.5rem; margin-bottom: 12.3rem; white-space: pre-line; + .section-1 { + font-size: 0; + span { + font-size: 2.4rem; + } + } .section-2 { margin-top: 4rem; } } &.mobile { - background: url('@/assets/images/mobile_version_background/bloom_bg.png') no-repeat; + background: #fff; background-size: 100% 100%; - height: 110vw; + height: auto; padding-top: 6rem; + position: relative; + .top-bg { + position: absolute; + top: 0; + left: 0; + // left: 50%; + // transform: translateX(-50%); + width: 100%; + height: 37.5rem; + } .title { font-size: 3.2rem; margin-bottom: 0.8rem; @@ -212,6 +240,11 @@ p { font-size: 2rem; line-height: 3rem; white-space: normal; + margin-bottom: 7rem; + } + .people { + margin: 0 6.6rem; + width: calc(100% - 13.2rem); } } &.pad { @@ -222,9 +255,9 @@ p { font-family: 'ArialBold'; font-weight: 700; } - .desc { - // font-size: 2.4rem; - } + // .desc { + // // font-size: 2.4rem; + // } } } diff --git a/src/views/AwardPage/components/SelectionSection.vue b/src/views/AwardPage/components/SelectionSection.vue index 2afe968..4b4d684 100644 --- a/src/views/AwardPage/components/SelectionSection.vue +++ b/src/views/AwardPage/components/SelectionSection.vue @@ -134,7 +134,7 @@ onBeforeUnmount(() => { } .sub-title { color: #f95750; - font-family: 'PopinsMedium'; + font-family: 'PoppinsMedium'; font-weight: 400; font-size: 3rem; margin-bottom: 11.8rem; diff --git a/src/views/AwardPage/components/TimeLine.vue b/src/views/AwardPage/components/TimeLine.vue index eb0ae1d..ae8471e 100644 --- a/src/views/AwardPage/components/TimeLine.vue +++ b/src/views/AwardPage/components/TimeLine.vue @@ -21,8 +21,8 @@
{{ $t(item.time) }}
- {{ $t(item.label) - }}