From 9c31e54df168108dce43e3d2954bf51057a971d2 Mon Sep 17 00:00:00 2001 From: Jafeng <2998840497@qq.com> Date: Sat, 9 May 2026 15:46:17 +0800 Subject: [PATCH] =?UTF-8?q?style=EF=BC=9A=E9=A6=96=E9=A1=B5=E4=BC=98?= =?UTF-8?q?=E5=8C=96=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/data/homepage.js | 2 +- src/styles/theme.css | 38 +++++++++++++++++++++++++++++++++++--- 2 files changed, 36 insertions(+), 4 deletions(-) diff --git a/src/data/homepage.js b/src/data/homepage.js index 918b579..f0026d5 100644 --- a/src/data/homepage.js +++ b/src/data/homepage.js @@ -76,7 +76,7 @@ export const cases = [ { logo: '/assets/邹平市妇保院.jpg', logoFit: 'round', name: '邹平市妇幼保健院', category: '妇幼保健客户' }, { logo: '/assets/浦江妇幼保健医院.png', logoFit: 'round', name: '浦江妇幼保健医院', category: '妇幼保健客户' }, { logo: '/assets/磐安县妇幼保健院.jpg', logoFit: 'round', name: '磐安县妇幼保健院', category: '妇幼保健客户' }, - { logo: '/assets/杭州仁德.png', name: '杭州仁德妇产医院', category: '公立医院' }, + { logo: '/assets/杭州仁德.png', name: '杭州仁德妇产医院', category: '妇幼保健客户' }, { logo: '/assets/中信医疗logo.jpg', logoFit: 'wide', name: '中信医疗', category: '医疗集团客户' }, { logo: '/assets/震元.png', logoFit: 'wide', name: '浙江震元股份有限公司', category: '医疗集团客户' }, { logo: '/assets/圣德logo.png', logoFit: 'wide', name: '圣德', category: '医疗集团客户' }, diff --git a/src/styles/theme.css b/src/styles/theme.css index e9e31c2..28064a2 100644 --- a/src/styles/theme.css +++ b/src/styles/theme.css @@ -1026,9 +1026,20 @@ button { } .hero-section { padding: 18px 0 22px; + min-height: calc(100svh - 74px); + display: flex; + align-items: stretch; + } + .hero-section::after { + right: -230px; + bottom: -250px; + width: 620px; + height: 330px; + border-width: 18px; } .hero-grid { gap: 0; + align-content: start; } .hero-copy { max-width: 100%; @@ -1058,11 +1069,24 @@ button { .hero-visual { min-height: 0; margin-top: -4px; + overflow: hidden; + } + .hero-visual::before { + content: ""; + position: absolute; + z-index: 2; + left: 0; + right: 0; + top: 0; + height: 42%; + pointer-events: none; + background: linear-gradient(180deg, rgba(255, 250, 242, 0.88), rgba(255, 250, 242, 0)); } .hero-visual img { - width: min(60vw, 280px); + width: min(68vw, 310px); border-radius: 30px; filter: drop-shadow(0 18px 34px rgba(255, 138, 0, 0.12)); + transform: translateY(-18px); } .mobile-scroll-cue { display: inline-grid; @@ -1249,6 +1273,9 @@ button { line-height: 1.22; letter-spacing: -0.05em; } + .hero-section { + min-height: calc(100svh - 73px); + } .hero-badge { width: fit-content; max-width: 100%; @@ -1259,7 +1286,8 @@ button { margin-top: -6px; } .hero-visual img { - width: min(62vw, 250px); + width: min(70vw, 286px); + transform: translateY(-18px); } .mobile-scroll-cue { margin-top: -6px; @@ -1354,6 +1382,9 @@ button { font-size: 24px; line-height: 1.25; } + .hero-section { + min-height: calc(100svh - 67px); + } .hero-badge { font-size: 15px; padding: 8px 14px; @@ -1366,7 +1397,8 @@ button { line-height: 1.58; } .hero-visual img { - width: min(58vw, 220px); + width: min(68vw, 244px); + transform: translateY(-14px); } }