diff --git a/src/assets/css/design_tokens.less b/src/assets/css/design_tokens.less index 0d8a3bb..cf98781 100644 --- a/src/assets/css/design_tokens.less +++ b/src/assets/css/design_tokens.less @@ -13,7 +13,11 @@ --space-section: 96px; --space-section-mobile: 64px; --radius-card: 8px; - --radius-control: 4px; + --radius-control: 6px; + /* 主按钮、次要按钮、页脚 CTA 等统一尺寸(PC 更易读、易点) */ + --control-height: 48px; + --control-padding-x: 26px; + --control-font-size: 16px; --shadow-card: 0 16px 40px rgba(16, 24, 40, 0.06); --shadow-card-hover: 0 22px 50px rgba(16, 24, 40, 0.1); --motion-fast: 0.2s ease; diff --git a/src/assets/img/ai-dashboard-card.png b/src/assets/img/ai-dashboard-card.png index 7262b21..3a50e53 100644 Binary files a/src/assets/img/ai-dashboard-card.png and b/src/assets/img/ai-dashboard-card.png differ diff --git a/src/assets/img/banner-index1-mobile.jpg b/src/assets/img/banner-index1-mobile.jpg index 32684b3..12c1bf2 100644 Binary files a/src/assets/img/banner-index1-mobile.jpg and b/src/assets/img/banner-index1-mobile.jpg differ diff --git a/src/assets/img/boxbg-propertyandrealestate.png b/src/assets/img/boxbg-propertyandrealestate.png index 60d58cb..ba137c9 100644 Binary files a/src/assets/img/boxbg-propertyandrealestate.png and b/src/assets/img/boxbg-propertyandrealestate.png differ diff --git a/src/assets/img/chatgpt-image-2026-4-27-15-12-15.png b/src/assets/img/chatgpt-image-2026-4-27-15-12-15.png index 318c20d..f5f4ffc 100644 Binary files a/src/assets/img/chatgpt-image-2026-4-27-15-12-15.png and b/src/assets/img/chatgpt-image-2026-4-27-15-12-15.png differ diff --git a/src/assets/img/chatgpt-image-2026-4-27-15-25-51.png b/src/assets/img/chatgpt-image-2026-4-27-15-25-51.png index 223f80e..c5874d6 100644 Binary files a/src/assets/img/chatgpt-image-2026-4-27-15-25-51.png and b/src/assets/img/chatgpt-image-2026-4-27-15-25-51.png differ diff --git a/src/assets/img/chatgpt-image-2026-4-27-15-25-58.png b/src/assets/img/chatgpt-image-2026-4-27-15-25-58.png index e9d204a..b9b8184 100644 Binary files a/src/assets/img/chatgpt-image-2026-4-27-15-25-58.png and b/src/assets/img/chatgpt-image-2026-4-27-15-25-58.png differ diff --git a/src/assets/img/chatgpt-image-2026-4-27-15-26-06.png b/src/assets/img/chatgpt-image-2026-4-27-15-26-06.png index 830096d..57814d8 100644 Binary files a/src/assets/img/chatgpt-image-2026-4-27-15-26-06.png and b/src/assets/img/chatgpt-image-2026-4-27-15-26-06.png differ diff --git a/src/assets/img/chatgpt-image-2026-4-27-15-26-14.png b/src/assets/img/chatgpt-image-2026-4-27-15-26-14.png index 883dffa..93944bf 100644 Binary files a/src/assets/img/chatgpt-image-2026-4-27-15-26-14.png and b/src/assets/img/chatgpt-image-2026-4-27-15-26-14.png differ diff --git a/src/assets/img/chatgpt-image-2026-4-27-15-26-22.png b/src/assets/img/chatgpt-image-2026-4-27-15-26-22.png index e80ae77..7425c79 100644 Binary files a/src/assets/img/chatgpt-image-2026-4-27-15-26-22.png and b/src/assets/img/chatgpt-image-2026-4-27-15-26-22.png differ diff --git a/src/assets/img/chatgpt-image-2026-4-27-15-26-26.png b/src/assets/img/chatgpt-image-2026-4-27-15-26-26.png index 7d43aba..f01810d 100644 Binary files a/src/assets/img/chatgpt-image-2026-4-27-15-26-26.png and b/src/assets/img/chatgpt-image-2026-4-27-15-26-26.png differ diff --git a/src/assets/img/driving-automotive-growth-fallback.jpg b/src/assets/img/driving-automotive-growth-fallback.jpg index 1453cc4..1e93d98 100644 Binary files a/src/assets/img/driving-automotive-growth-fallback.jpg and b/src/assets/img/driving-automotive-growth-fallback.jpg differ diff --git a/src/assets/img/finance-trading-660x370.png b/src/assets/img/finance-trading-660x370.png index ecba227..54cd496 100644 Binary files a/src/assets/img/finance-trading-660x370.png and b/src/assets/img/finance-trading-660x370.png differ diff --git a/src/assets/img/iot1.jpg b/src/assets/img/iot1.jpg index 095c18e..06084e5 100644 Binary files a/src/assets/img/iot1.jpg and b/src/assets/img/iot1.jpg differ diff --git a/src/assets/img/iot2.jpg b/src/assets/img/iot2.jpg index 20a7581..faf2ecc 100644 Binary files a/src/assets/img/iot2.jpg and b/src/assets/img/iot2.jpg differ diff --git a/src/assets/img/like-no-place-youve-ever-worked.jpg b/src/assets/img/like-no-place-youve-ever-worked.jpg index 3a57617..737022e 100644 Binary files a/src/assets/img/like-no-place-youve-ever-worked.jpg and b/src/assets/img/like-no-place-youve-ever-worked.jpg differ diff --git a/src/assets/img/logo_2.png b/src/assets/img/logo_2.png index ff49e19..d662fdf 100644 Binary files a/src/assets/img/logo_2.png and b/src/assets/img/logo_2.png differ diff --git a/src/assets/img/reinventing-modern-graphics-fallback.jpg b/src/assets/img/reinventing-modern-graphics-fallback.jpg index b87ae29..feb70ed 100644 Binary files a/src/assets/img/reinventing-modern-graphics-fallback.jpg and b/src/assets/img/reinventing-modern-graphics-fallback.jpg differ diff --git a/src/assets/img/supercharging-healthcare-fallback.jpg b/src/assets/img/supercharging-healthcare-fallback.jpg index 2b298d8..cd156d2 100644 Binary files a/src/assets/img/supercharging-healthcare-fallback.jpg and b/src/assets/img/supercharging-healthcare-fallback.jpg differ diff --git a/src/components/ifooter.vue b/src/components/ifooter.vue index 408cc41..618f1b8 100644 --- a/src/components/ifooter.vue +++ b/src/components/ifooter.vue @@ -193,13 +193,14 @@ export default { .footer-cta { display: inline-flex; align-items: center; - min-height: 38px; + justify-content: center; + min-height: var(--control-height, 48px); margin-top: 18px; - padding: 0 16px; - border-radius: 8px; + padding: 0 var(--control-padding-x, 26px); + border-radius: var(--radius-control, 6px); background: #2563eb; color: #fff; - font-size: 14px; + font-size: var(--control-font-size, 16px); font-weight: 600; text-decoration: none; transition: background-color 0.25s ease, transform 0.25s ease; diff --git a/src/views/index.vue b/src/views/index.vue index a37a140..9bdb12d 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -539,11 +539,11 @@ export default { display: inline-flex; align-items: center; justify-content: center; - min-height: 44px; - padding: 0 20px; + min-height: var(--control-height, 48px); + padding: 0 var(--control-padding-x, 26px); border: 0; - border-radius: 4px; - font-size: 15px; + border-radius: var(--radius-control, 6px); + font-size: var(--control-font-size, 16px); font-weight: 700; cursor: pointer; text-decoration: none; @@ -940,12 +940,12 @@ export default { .view-more { display: inline-flex; align-items: center; - min-height: 40px; - padding: 0 20px; + min-height: var(--control-height, 48px); + padding: 0 var(--control-padding-x, 26px); border: 1px solid rgba(255, 255, 255, 0.76); - border-radius: 4px; + border-radius: var(--radius-control, 6px); color: #fff; - font-size: 15px; + font-size: var(--control-font-size, 16px); font-weight: 600; transition: background 0.25s ease, color 0.25s ease; } @@ -1078,16 +1078,18 @@ export default { display: inline-flex; align-items: center; flex-shrink: 0; - gap: 6px; + gap: 8px; + min-height: 40px; + padding: 0 4px 0 0; color: #1d4ed8; - font-size: 13px; + font-size: 15px; font-weight: 700; text-decoration: none; } .case-link svg { - width: 15px; - height: 15px; + width: 17px; + height: 17px; stroke: currentColor; stroke-width: 2; fill: none; @@ -1152,12 +1154,13 @@ export default { .about-link { display: inline-flex; align-items: center; - min-height: 42px; + min-height: var(--control-height, 48px); margin-top: 28px; - padding: 0 18px; + padding: 0 var(--control-padding-x, 26px); border: 1px solid #2563eb; - border-radius: 4px; + border-radius: var(--radius-control, 6px); color: #1d4ed8; + font-size: var(--control-font-size, 16px); font-weight: 700; text-decoration: none; transition: background 0.25s ease, color 0.25s ease; @@ -1244,8 +1247,8 @@ export default { .swiper-button-next, .swiper-button-prev { - width: 44px; - height: 44px; + width: var(--control-height, 48px); + height: var(--control-height, 48px); border: 1px solid rgba(255, 255, 255, 0.42); border-radius: 50%; color: #fff; @@ -1263,7 +1266,7 @@ export default { .swiper-button-next::after, .swiper-button-prev::after { - font-size: 16px; + font-size: 17px; } .swiper-pagination { diff --git a/src/views/ourPlan/ourPlan.vue b/src/views/ourPlan/ourPlan.vue index a01894a..e5e721d 100644 --- a/src/views/ourPlan/ourPlan.vue +++ b/src/views/ourPlan/ourPlan.vue @@ -230,9 +230,24 @@ export default { } .service-link { + display: inline-flex; + align-items: center; + justify-content: center; + min-height: var(--control-height, 48px); + margin-top: 4px; + padding: 0 var(--control-padding-x, 26px); + border: 1px solid #2563eb; + border-radius: var(--radius-control, 6px); color: #1d4ed8; - text-decoration: none; + font-size: var(--control-font-size, 16px); font-weight: 700; + text-decoration: none; + transition: background 0.2s ease, color 0.2s ease; +} + +.service-link:hover { + background: #2563eb; + color: #fff; } .features {