From a603c58e9463d67553f99e0569fbaebc0e7a9af9 Mon Sep 17 00:00:00 2001 From: zhcnyuyang Date: Mon, 5 May 2025 20:05:20 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E8=8C=83=E5=9B=B4=E5=AE=8C?= =?UTF-8?q?=E5=B7=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Homepage.vue | 25 ++++++++++++++----------- 1 file changed, 14 insertions(+), 11 deletions(-) diff --git a/src/components/Homepage.vue b/src/components/Homepage.vue index bc737f5..7584149 100644 --- a/src/components/Homepage.vue +++ b/src/components/Homepage.vue @@ -214,13 +214,16 @@ export default { @include media-breakpoint-between(xs, md) { margin-left: 32px; margin-right: 32px; - margin-bottom: 96px; //网格布局 grid-template-columns: repeat(1, minmax(1fr,168px)); /* 1列等分 */ grid-template-rows: repeat(6, minmax(94px,1fr)); /* 6行高度120px */ } - @include media-breakpoint-up(md){ - margin-bottom: 162px; + + @include media-breakpoint-between(xs, lg){ + margin-bottom: 48px; + } + @include media-breakpoint-up(lg){ + margin-bottom: 77.4px; } @include media-breakpoint-between(md,xxl){ @@ -251,7 +254,7 @@ export default { margin-bottom: 48px; } @include media-breakpoint-up(lg){ - margin-bottom: 94px; + margin-bottom: 84.6px; } } @@ -262,8 +265,8 @@ export default { height: 32px; } @include media-breakpoint-up(lg){ - width: 120px; - height: 60px; + width: 96px; + height: 48px; } } @@ -281,7 +284,7 @@ export default { margin-left: 16px; } @include media-breakpoint-up(lg){ - min-height: 60px; + min-height: 48px; margin-left: 16px; } } @@ -300,12 +303,12 @@ export default { @include media-breakpoint-up(lg){ overflow-wrap: break-word; color: white; - font-size: 28px; + font-size: 22.4px; font-family: PingFangSC-Regular; font-weight: normal; text-align: left; white-space: nowrap; - line-height: 40px; + line-height: 32px; } } .fwfwitemen{ @@ -324,12 +327,12 @@ export default { @include media-breakpoint-up(lg){ overflow-wrap: break-word; color: white; - font-size: 20px; + font-size: 16px; letter-spacing: -0.5px; font-family: DINPro-Regular; font-weight: normal; text-align: left; - line-height: 26px; + line-height: 20.8px; } }