From df8fe15a407518c8ed9aebc15371200fd4ef9c53 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E9=B9=8F?= <2916022834@qq.com> Date: Fri, 5 Jun 2026 09:51:21 +0800 Subject: [PATCH 1/3] lang --- src/lang/zh-cn.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/lang/zh-cn.ts b/src/lang/zh-cn.ts index a3fdb31..bf5bd47 100644 --- a/src/lang/zh-cn.ts +++ b/src/lang/zh-cn.ts @@ -10,7 +10,7 @@ export default { UserStories: '使用者故事', HelpCentre: '支援中心', Media: '媒体报道', - ContactUs: '联系我们', + ContactUs: '联络我们', MyAccount: '我的账户', LoginOrSignin: '登入 / 注册' }, @@ -26,7 +26,7 @@ export default { PageNotFoundTitle: '该页面不存在', PageNotFoundDesc: '这里似乎没有任何发现。', Contact: '联络方法', - GetInTouch: '联系我们', + GetInTouch: '保持联系', StayUpToDate: '通过我们的电子通讯掌握最新动态', EmailAddress: '电邮地址', Submit: '提交', From a4f2353cf0b3b920186910fbff24ae3e7c26efab Mon Sep 17 00:00:00 2001 From: zhangyahui Date: Fri, 5 Jun 2026 11:41:38 +0800 Subject: [PATCH 2/3] =?UTF-8?q?style:=20=E9=A6=96=E9=A1=B5=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/home/components/Carousel.vue | 13 +- src/pages/home/components/ProductFeature.vue | 121 ++++++++++--------- src/pages/home/components/ProjectCta.vue | 43 +++---- src/pages/home/index.vue | 61 +++++----- tsconfig.tsbuildinfo | 2 +- 5 files changed, 126 insertions(+), 114 deletions(-) diff --git a/src/pages/home/components/Carousel.vue b/src/pages/home/components/Carousel.vue index f9b44d2..cf7e682 100644 --- a/src/pages/home/components/Carousel.vue +++ b/src/pages/home/components/Carousel.vue @@ -526,8 +526,8 @@ .home-carousel { .carousel-slide { aspect-ratio: auto; - height: 365px; - min-height: 365px; + height: 504px; + min-height: 504px; .carousel-banner { height: 100%; @@ -596,4 +596,13 @@ transform: translateX(0); } } + + // @media (max-width: 768px) and (min-height: 844px) { + // .home-carousel { + // .carousel-slide { + // height: 504px; + // min-height: 504px; + // } + // } + // } diff --git a/src/pages/home/components/ProductFeature.vue b/src/pages/home/components/ProductFeature.vue index 13aef19..3b19c25 100644 --- a/src/pages/home/components/ProductFeature.vue +++ b/src/pages/home/components/ProductFeature.vue @@ -30,7 +30,7 @@ :src="backgroundImage" :alt="backgroundAlt" loading="lazy" - translate-x-s="-100" + translate-x-s="0" translate-x="100" />

{{ name }}

{{ title }}

- - {{$t('Home.viewMore')}} + + {{ $t('Home.viewMore') }} @@ -63,12 +58,18 @@ display: flex; align-items: center; gap: clamp(48px, 5.5vw, 76px); + width: 100%; max-width: 1440px; min-width: 0; min-height: 690px; margin: 0 auto; + padding: 100px 15px; + justify-content: center; + box-sizing: border-box; + overflow-x: hidden; & > div { - width: 50%; + // width: 50%; + box-sizing: content-box; } } @@ -89,15 +90,17 @@ .product-feature-art { position: relative; - width: min(100%, 560px); + width: clamp(320px, 45vw, 560px); min-width: 0; min-height: 560px; justify-self: start; + flex: 0 1 auto; + overflow: hidden; } .product-feature-bg { display: block; - width: min(100%, 480px); + width: clamp(200px, 70%, 400px); max-width: 100%; height: auto; user-select: none; @@ -105,52 +108,51 @@ .product-feature-panel { position: absolute; - right: 0; - bottom: 94px; - width: min(72%, 380px); - max-width: 100%; + left: 15%; + top: 53.329%; + max-width: 400px; + width: auto; height: auto; user-select: none; } .product-feature-reversed .product-feature-bg { - width: min(100%, 460px); + width: 70%; margin-left: auto; } .product-feature-reversed .product-feature-panel { - right: auto; - left: -88px; - bottom: 70px; - width: min(78%, 430px); + left: 0; + top: 53.329%; } .product-feature-copy { position: relative; z-index: 1; - max-width: 590px; + max-width: 450px; min-width: 0; justify-self: start; padding-bottom: 18px; + flex: 1 1 auto; } .product-feature-name { margin: 0 0 20px; - color: #6e6e6e; + color: #666666; font-family: Poppins, sans-serif; - font-size: 18px; - font-weight: 700; + font-size: 24px; + font-weight: 600; line-height: 1; letter-spacing: 2px; } .product-feature-title { - margin: 0 0 28px; - color: #252525; + margin: 0 0 10px; + color: #222222; font-family: Poppins, sans-serif; - font-size: clamp(30px, 2.8vw, 38px); - font-weight: 700; - line-height: 1.16; + font-size: clamp(24px, 2.8vw, 39px); + font-weight: 600; + line-height: 1.3em; letter-spacing: 2px; text-transform: none; overflow-wrap: break-word; @@ -160,19 +162,17 @@ display: inline-flex; align-items: center; justify-content: center; - min-width: 152px; - min-height: 48px; - padding: 0 28px; - border-radius: 999px; + padding: 20px 40px; + border-radius: 40px; color: #ffffff; - background: #a72125; + background: #9a2125; font-family: Poppins, sans-serif; - font-size: 10px; - font-weight: 700; - line-height: 1; + font-size: 14px; + font-weight: 600; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; + margin-top: 12px; transition: background-color 0.2s ease, transform 0.2s ease; @@ -180,23 +180,23 @@ .product-feature-link:hover, .product-feature-link:focus-visible { - background: #8e171b; + background: #63504b; transform: translateY(-1px); } .product-feature-link:focus-visible { - outline: 2px solid #a72125; + outline: 2px solid #9a2125; outline-offset: 4px; } - @media (max-width: 980px) { + @media (max-width: 1024px) { .product-feature, .product-feature-reversed { flex-direction: column-reverse; gap: 24px; width: min(680px, calc(100% - 40px)); min-height: 0; - padding: 70px 0; + padding: 60px 0; } .product-feature-reversed .product-feature-art, @@ -219,17 +219,26 @@ padding-bottom: 0; } + .product-feature-panel, .product-feature-reversed .product-feature-panel { - left: 0; + max-width: 60%; + } + + .product-feature-title { + font-size: 32px; + } + + .product-feature-link { + font-size: 12px; } } - @media (max-width: 640px) { + @media (max-width: 767px) { .product-feature, .product-feature-reversed { width: calc(100% - 32px); gap: 28px; - padding: 0 0 64px; + padding: 20px 0; } .product-feature-art { @@ -244,8 +253,7 @@ } .product-feature-bg { - width: 72%; - margin-left: 38px; + width: 70%; border-radius: 10px; } @@ -254,7 +262,8 @@ left: auto; right: 12px; bottom: 22px; - width: 72%; + top: auto; + max-width: 70%; } .product-feature-reversed .product-feature-bg { @@ -267,31 +276,31 @@ right: auto; left: 18px; bottom: 16px; - width: 72%; + top: auto; + max-width: 70%; } .product-feature-name { margin-bottom: 16px; - font-size: 18px; + font-size: 24px; + font-weight: 600; letter-spacing: 1.5px; } .product-feature-title { width: 100%; max-width: 100%; - margin-bottom: 26px; - font-size: clamp(22px, 6.1vw, 26px); + margin-bottom: 10px; + font-size: 24px; + font-weight: 600; line-height: 1.35; letter-spacing: 1.2px; overflow-wrap: anywhere; } .product-feature-link { - min-width: 100px; - min-height: 40px; - padding: 0 22px; - font-size: 9px; - letter-spacing: 1px; + font-size: 12px; + padding: 16px 32px; } } diff --git a/src/pages/home/components/ProjectCta.vue b/src/pages/home/components/ProjectCta.vue index 4f436e1..44baf14 100644 --- a/src/pages/home/components/ProjectCta.vue +++ b/src/pages/home/components/ProjectCta.vue @@ -18,16 +18,15 @@ display: flex; align-items: center; justify-content: center; - min-height: 435px; - padding: 72px 20px; - background: #473935; + padding: 200px 0; + background: #463A37; } .project-cta-inner { display: flex; flex-direction: column; align-items: center; - gap: 38px; + gap: 20px; text-align: center; } @@ -35,9 +34,9 @@ margin: 0; color: #ffffff; font-family: Poppins, sans-serif; - font-size: clamp(22px, 2vw, 27px); - font-weight: 700; - line-height: 1.35; + font-size: clamp(22px, 2vw, 29px); + font-weight: 600; + line-height: 1.3em; letter-spacing: 2px; text-transform: capitalize; } @@ -46,16 +45,14 @@ display: inline-flex; align-items: center; justify-content: center; - min-width: 158px; - min-height: 48px; - padding: 0 28px; - border-radius: 999px; + padding: 20px 40px; + border-radius: 40px; color: #ffffff; - background: #ad2228; + background: #9A2125; font-family: Poppins, sans-serif; - font-size: 10px; - font-weight: 700; - line-height: 1; + font-size: 14px; + font-weight: 600; + line-height: 1.2em; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; @@ -66,7 +63,7 @@ .project-cta-link:hover, .project-cta-link:focus-visible { - background: #93191f; + background: #000000; transform: translateY(-1px); } @@ -75,14 +72,13 @@ outline-offset: 4px; } - @media (max-width: 640px) { + @media (max-width: 767px) { .project-cta { - min-height: 288px; - padding: 64px 20px; + padding: 100px 0; } .project-cta-inner { - gap: 28px; + gap: 20px; } .project-cta-title { @@ -92,11 +88,8 @@ } .project-cta-link { - min-width: 100px; - min-height: 40px; - padding: 0 22px; - font-size: 9px; - letter-spacing: 1px; + font-size: 12px; + padding: 16px 32px; } } diff --git a/src/pages/home/index.vue b/src/pages/home/index.vue index 8166e3f..8459635 100644 --- a/src/pages/home/index.vue +++ b/src/pages/home/index.vue @@ -23,7 +23,7 @@ panelImage: `${IMAGE_BASE_URL}/2024/01/new-layout-1.png`, panelAlt: 'AiDA design workspace preview', reversed: false, - to:'/aida' + to: '/aida' }, { name: 'Mixi', @@ -33,7 +33,7 @@ panelImage: `${IMAGE_BASE_URL}/2022/11/mixi_intro_01_panel.png`, panelAlt: 'Mixi visual search interface preview', reversed: true, - to:'/mixi' + to: '/mixi' } ] }) @@ -110,7 +110,7 @@ } .home-content { - padding: clamp(116px, 10vw, 172px) 0 clamp(92px, 8vw, 126px); + padding: 100px 0; background: #ffffff; } @@ -119,28 +119,29 @@ flex-direction: column; align-items: center; justify-content: center; - padding: 0 20px clamp(92px, 10vw, 150px); + padding: 0 0 100px; text-align: center; } .ecosystem-logo { display: block; - width: clamp(146px, 15vw, 184px); + width: auto; + max-width: 100%; height: auto; - margin-bottom: 30px; + margin-bottom: 16px; user-select: none; } .ecosystem-title { width: 100%; max-width: 100%; - margin: 0 0 9px; - color: #101010; + margin: 0 0 8px; + color: #222222; font-family: Poppins, sans-serif; - font-size: clamp(18px, 1.65vw, 22px); - font-weight: 700; - line-height: 1.25; - letter-spacing: 4px; + font-size: 24px; + font-weight: 600; + line-height: 1; + letter-spacing: 2px; text-transform: uppercase; overflow-wrap: break-word; } @@ -148,51 +149,51 @@ .ecosystem-subtitle { width: 100%; margin: 0; - color: #101010; + color: #333333; font-family: Poppins, sans-serif; - font-size: clamp(13px, 1.2vw, 16px); + font-size: 18px; font-weight: 600; - line-height: 1.35; - letter-spacing: 2.5px; + line-height: 1; + letter-spacing: 2px; } - @media (max-width: 980px) { + @media (max-width: 1024px) { .home-content { - padding: 96px 0 64px; + padding: 60px 0; } .ecosystem-intro { - padding-bottom: 50px; + padding-bottom: 60px; } } - @media (max-width: 640px) { + @media (max-width: 767px) { .home-content { - padding: 52px 0 0; + padding: 40px 0; } .ecosystem-intro { - padding: 0 24px 58px; + padding: 40px 20px 40px 20px; } .ecosystem-logo { - width: 76px; - margin-bottom: 26px; + width: 100px; + margin-bottom: 54px; } .ecosystem-title { width: min(100%, 330px); max-width: none; - margin-bottom: 10px; - font-size: 18px; - letter-spacing: 1px; - line-height: 1.35; + margin-bottom: 20px; + font-size: 24px; + letter-spacing: 2px; + line-height: 1; overflow-wrap: anywhere; } .ecosystem-subtitle { - font-size: 13px; - letter-spacing: 0.8px; + font-size: 18px; + letter-spacing: 2px; } } diff --git a/tsconfig.tsbuildinfo b/tsconfig.tsbuildinfo index 20de38a..0fb751a 100644 --- a/tsconfig.tsbuildinfo +++ b/tsconfig.tsbuildinfo @@ -1 +1 @@ -{"root":["./src/app.vue","./src/main.ts","./src/routes.ts","./src/vite-env.d.ts","./src/components/back-top.vue","./src/components/down-menu.vue","./src/components/email-box.vue","./src/components/main-footer.vue","./src/components/main-header.vue","./src/components/main-menu-dialog.vue","./src/components/video-model.vue","./src/directives/custom-animation.js","./src/directives/custom-show.js","./src/directives/index.ts","./src/directives/scroll-progress.ts","./src/directives/tween.ts","./src/lang/en.ts","./src/lang/index.ts","./src/lang/zh-cn.ts","./src/lang/zh-tw.ts","./src/pages/aboutview.vue","./src/pages/productsview.vue","./src/pages/about-us/ecosystem.vue","./src/pages/about-us/index.vue","./src/pages/about-us/mission.vue","./src/pages/about-us/our-team.vue","./src/pages/about-us/strategic-partners.vue","./src/pages/about-us/title.vue","./src/pages/aida/index.vue","./src/pages/contact-us/index.vue","./src/pages/events/all-events.vue","./src/pages/events/index.vue","./src/pages/events/list-en.js","./src/pages/events/list-zh-cn.js","./src/pages/events/list-zh-tw.js","./src/pages/events/swiper.vue","./src/pages/events-detail/index.vue","./src/pages/events-detail/list-en.js","./src/pages/events-detail/list-zh-cn.js","./src/pages/events-detail/list-zh-tw.js","./src/pages/help-centre/faq.vue","./src/pages/help-centre/index.vue","./src/pages/help-centre/title.vue","./src/pages/home/index.vue","./src/pages/home/components/carousel.vue","./src/pages/home/components/productfeature.vue","./src/pages/home/components/projectcta.vue","./src/pages/media/index.vue","./src/pages/media/list-en.js","./src/pages/media/list-zh-cn.js","./src/pages/media/list-zh-tw.js","./src/pages/mixi/index.vue","./src/pages/my-account/account-info.vue","./src/pages/my-account/address.vue","./src/pages/my-account/index.vue","./src/pages/my-account/login.vue","./src/pages/my-account/orders.vue","./src/pages/my-account/payment-methods.vue","./src/pages/my-account/register.vue","./src/pages/my-account/subscriptions.vue","./src/pages/my-account/tip-box.vue","./src/pages/my-account/welcome.vue","./src/pages/others/disclaimer.vue","./src/pages/others/not-found-404.vue","./src/pages/others/others-header.vue","./src/pages/others/privacy-policy.vue","./src/pages/others/site-map.vue","./src/pages/others/terms-of-use.vue","./src/pages/user-stories/index.vue","./src/pages/user-stories/user-list.vue","./src/stores/global.ts","./src/stores/index.ts","./src/stores/userinfo.ts","./src/tools/myevents.ts","./src/types/kagol-vue-carousel.d.ts"],"errors":true,"version":"6.0.3"} \ No newline at end of file +{"root":["./src/app.vue","./src/main.ts","./src/routes.ts","./src/vite-env.d.ts","./src/components/back-top.vue","./src/components/down-menu.vue","./src/components/email-box.vue","./src/components/main-footer.vue","./src/components/main-header.vue","./src/components/main-menu-dialog.vue","./src/components/video-model.vue","./src/directives/custom-animation.js","./src/directives/custom-show.js","./src/directives/index.ts","./src/directives/scroll-progress.ts","./src/directives/tween.ts","./src/lang/en.ts","./src/lang/index.ts","./src/lang/zh-cn.ts","./src/lang/zh-tw.ts","./src/pages/aboutview.vue","./src/pages/productsview.vue","./src/pages/about-us/ecosystem.vue","./src/pages/about-us/index.vue","./src/pages/about-us/mission.vue","./src/pages/about-us/our-team.vue","./src/pages/about-us/strategic-partners.vue","./src/pages/about-us/title.vue","./src/pages/aida/index.vue","./src/pages/contact-us/index.vue","./src/pages/events/all-events.vue","./src/pages/events/index.vue","./src/pages/events/list-en.js","./src/pages/events/list-zh-cn.js","./src/pages/events/list-zh-tw.js","./src/pages/events/swiper.vue","./src/pages/events-detail/index.vue","./src/pages/events-detail/list-en.js","./src/pages/events-detail/list-zh-cn.js","./src/pages/events-detail/list-zh-tw.js","./src/pages/help-centre/faq.vue","./src/pages/help-centre/index.vue","./src/pages/help-centre/title.vue","./src/pages/home/index.vue","./src/pages/home/components/carousel.vue","./src/pages/home/components/productfeature.vue","./src/pages/home/components/projectcta.vue","./src/pages/media/index.vue","./src/pages/media/list-en.js","./src/pages/media/list-zh-cn.js","./src/pages/media/list-zh-tw.js","./src/pages/mixi/index.vue","./src/pages/my-account/account-info.vue","./src/pages/my-account/address.vue","./src/pages/my-account/index.vue","./src/pages/my-account/login.vue","./src/pages/my-account/orders.vue","./src/pages/my-account/payment-methods.vue","./src/pages/my-account/register.vue","./src/pages/my-account/subscriptions.vue","./src/pages/my-account/tip-box.vue","./src/pages/my-account/welcome.vue","./src/pages/others/disclaimer.vue","./src/pages/others/not-found-404.vue","./src/pages/others/others-header.vue","./src/pages/others/privacy-policy.vue","./src/pages/others/site-map.vue","./src/pages/others/terms-of-use.vue","./src/pages/user-stories/index.vue","./src/pages/user-stories/user-list.vue","./src/stores/global.ts","./src/stores/index.ts","./src/stores/userinfo.ts","./src/tools/config.ts","./src/tools/myevents.ts","./src/types/kagol-vue-carousel.d.ts"],"errors":true,"version":"6.0.3"} \ No newline at end of file From 1fef2fe3ce353ebb20de058bee016fe26edb5182 Mon Sep 17 00:00:00 2001 From: zhangyahui Date: Fri, 5 Jun 2026 13:10:12 +0800 Subject: [PATCH 3/3] =?UTF-8?q?style:=20Aida=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/lang/zh-cn.ts | 8 ++++---- src/lang/zh-tw.ts | 42 ++++++++++++++++++++++++++++++++++++++++ src/pages/aida/index.vue | 41 +++++++++++++++++++++++++-------------- 3 files changed, 73 insertions(+), 18 deletions(-) diff --git a/src/lang/zh-cn.ts b/src/lang/zh-cn.ts index bf5bd47..dd33e07 100644 --- a/src/lang/zh-cn.ts +++ b/src/lang/zh-cn.ts @@ -64,9 +64,9 @@ export default { }, Aida: { description: - 'AiDA 3.1 是一项开创性的技术，它使时装设计师能够基于自己的创意灵感，借助人工智能创作原创设计。设计师只需点击几下，即可选择或调整方案来开发时装系列，为传统且耗时的设计工作室流程注入敏捷性、高效性和灵活性。', + 'AiDA 3.1，一项首次上市的技术，使时装设计师能够根据他们的创意灵感，与AI合作创造原创设计。 只需简单数下点击，设计师便可轻松地在时装系列中进行微调或加入个人化选项，以灵活、高效及别具弹性的方式提升传统而密集的工作室设计流程。', slogan: '互动性人工智能时装设计助理', - desc: 'AiDA 3.1 是一项开创性的技术，它使时装设计师能够基于自己的创意灵感，借助人工智能创作原创设计。设计师只需点击几下，即可选择或调整方案来开发时装系列，为传统且耗时的设计工作室流程注入敏捷性、高效性和灵活性。', + desc: 'AiDA 3.1，一项首次上市的技术，使时装设计师能够根据他们的创意灵感，与AI合作创造原创设计。 只需简单数下点击，设计师便可轻松地在时装系列中进行微调或加入个人化选项，以灵活、高效及别具弹性的方式提升传统而密集的工作室设计流程。', annual: '年费: $5,000 HKD / 年(50000积分)', monthly: '月费: $500 HKD / 月 (3500 积分)', monthlyCheaper: '月费: $100 HKD / 月 (500 积分)', @@ -98,8 +98,8 @@ export default { trial: '试用', days: '7天免费试用', start: '开始使用', - corporate: '企业', - customised: '定制计划', + corporate: '公司账户', + customised: '客制方案', contactUs: '联系我们', termsAndConditions: '条款及细则', agreement: '订阅协议' diff --git a/src/lang/zh-tw.ts b/src/lang/zh-tw.ts index 9fb5c9a..bd7c9c4 100644 --- a/src/lang/zh-tw.ts +++ b/src/lang/zh-tw.ts @@ -62,6 +62,48 @@ export default { EmailInputTitle: '有興趣使用精準時裝屬性及顏色辨識系統 (Mixi)？', EmailInputTip: '請留下電郵地址，以獲取度身訂造的計劃' }, + Aida: { + description: + 'AiDA 3.1，一項首次上市的技術，使時裝設計師能夠根據他們的創意靈感，與AI合作創造原創設計。 只需簡單數下點擊，設計師便可輕鬆地在時裝系列中進行微調或加入個人化選項，以靈活、高效及別具彈性的方式提升傳統而密集的工作室設計流程。', + slogan: '互動性人工智能時裝設計助理', + desc: 'AiDA 3.1，一項首次上市的技術，使時裝設計師能夠根據他們的創意靈感，與AI合作創造原創設計。 只需簡單數下點擊，設計師便可輕鬆地在時裝系列中進行微調或加入個人化選項，以靈活、高效及別具彈性的方式提升傳統而密集的工作室設計流程。', + annual: '年費: $5,000 HKD / 年(50000積分)', + monthly: '月費: $500 HKD / 月 (3500 積分)', + monthlyCheaper: '月費: $100 HKD / 月 (500 積分)', + tips: '可提供專屬教育優惠，詳情請聯絡我們', + subscribe: '立即訂閱', + userManual: '用戶手冊', + keyFeatures: '技術特點', + feature1: + '世界上第一個服裝設計領域的人工智能系統，強調用戶控制，確保人工智能生成的設計與設計師的獨特願景和品牌身份無縫結合。', + feature2: + '擅長綜合不同的輸入，如情緒板、織物印花、顏色選擇和草圖，成為一個有凝聚力的集合，快速，和諧，高效。', + feature3: '設計過程顯著加快超過60%，根據用戶輸入快速生成無限的設計。', + feature4: '採用尖端的AIGC技術，生成創新設計，並在創作過程中提供全面的協助。', + benefits: '對行業的好處', + benefits1: + '加快設計流程: AiDA為個人設計師和時尚品牌提供快速創意構思，革新了時裝設計過程，讓設計師以靈活、高效及別具彈性的方式提升傳統而密集的工作室設計流程。', + benefits2: '加快產品上市速度: 同時又能確保品牌的標誌性設計元素在新設計中得以體現。', + benefits3: + '更有彈性: 讓沒有繪畫基礎的時裝設計初學者也可以簡易地創作自己的設計。設計師們通過和 AI 一起合作，可以迅速創作多樣化的原創設計產品，並快速把這些產品推向市場。', + demo: '示範影片', + play: '點擊播放', + choosePlan: '選擇你的訂閱方案', + plan1: '根據你的創意靈感及品牌DNA，只需要10秒時間去設計一個時裝系列', + plan2: '上載靈感板、顏色、布料印花圖案及草圖等，生成無限設計建議', + plan3: '只需點擊幾下，儲存及取回你的設計', + plan4: '訂閱後只需透過雲端系統就能隨時隨地存取', + plan5: '操作精簡，只需大概十分鐘就能學習使用方法', + plan6: '通過 info\\@code-create.com.hk 聯絡我們了解更多', + trial: '試用', + days: '7天免費試用', + start: '開始使用', + corporate: '公司賬戶', + customised: '客製方案', + contactUs: '聯絡我們', + termsAndConditions: '條款及細則', + agreement: '訂閱協議' + }, helpCentre: { Title: '支援中心', FAQ: '常見問題', diff --git a/src/pages/aida/index.vue b/src/pages/aida/index.vue index d1b0141..f470b91 100644 --- a/src/pages/aida/index.vue +++ b/src/pages/aida/index.vue @@ -443,12 +443,14 @@
- +
+ +

{{ plan.name }}

{{ plan.description }}

{{ plan.action }} @@ -816,16 +818,17 @@ margin-bottom: 27px; font-size: clamp(28px, 3vw, 43px); line-height: 1.2; - text-align: left; + text-align: center; } .subscription-list { margin: 0 auto 52px; padding: 0; list-style: none; - color: #333333; - font-size: 13px; - line-height: 1.48; + color: #555; + font-size: 16px; + font-weight: 400; + // line-height: 1.48; } .subscription-list li { @@ -870,11 +873,21 @@ text-align: center; } - .plan-icon { - width: 86px; - height: 86px; - object-fit: contain; + .plan-icon-wrap { + display: flex; + align-items: center; + justify-content: center; + width: 100px; + height: 100px; margin-bottom: 30px; + border: 3px solid #666666; + border-radius: 50%; + } + + .plan-icon { + width: 50px; + height: 50px; + object-fit: contain; } .plan-title {