diff --git a/src/components/HeroSection.vue b/src/components/HeroSection.vue index 4217048..37336c9 100644 --- a/src/components/HeroSection.vue +++ b/src/components/HeroSection.vue @@ -4,7 +4,12 @@
-

医疗行业患者全周期管理服务
数智化升级服务商

+

+ + 医疗行业患者全周期管理服务 + + 数智化升级服务商 +

专注于医疗服务提质提效增收

diff --git a/src/styles/theme.css b/src/styles/theme.css index f697273..31e5eca 100644 --- a/src/styles/theme.css +++ b/src/styles/theme.css @@ -263,10 +263,17 @@ button { line-height: 1.22; letter-spacing: -0.04em; color: #171b23; + word-break: keep-all; +} + +.hero-title-line { + display: block; } .hero-title-nowrap { white-space: nowrap; + overflow-wrap: normal; + word-break: keep-all; } .hero-badge { @@ -1000,10 +1007,12 @@ button { } .hero-copy h1 { max-width: 100%; - overflow-wrap: break-word; + overflow-wrap: normal; } - .hero-title-nowrap { - white-space: normal; + .hero-title-line--main { + display: flex; + flex-wrap: wrap; + column-gap: 0; } .hero-badge { font-size: 18px;