From a00c01e28203f7a85d3ea4b21566e6b63e17227e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com> Date: Wed, 5 Aug 2026 12:39:00 +0800 Subject: [PATCH] =?UTF-8?q?style(css):=20=E4=BC=98=E5=8C=96=E6=96=B0?= =?UTF-8?q?=E9=97=BB=E9=A1=B5=E5=8F=8A=E6=A1=88=E4=BE=8B=E5=8D=A1=E7=89=87?= =?UTF-8?q?=E7=9A=84=E6=A0=B7=E5=BC=8F=E8=A1=A8=E7=8E=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 删除.case-card h3和.case-card-large h3中的font-size属性,统一字号 - 为.news-page-body添加flex布局和垂直方向排列 - 调整.news-page-body h3的高度和字体大小,添加多行文本截断样式 - 修改.news-page-summary的外边距和最小高度,添加多行文本截断样式 - 调整.news-page-meta的顶部间距和内边距,优化分隔线位置和整体布局 --- src/style.css | 24 ++++++++++++++++-------- 1 file changed, 16 insertions(+), 8 deletions(-) diff --git a/src/style.css b/src/style.css index 85c71cc..87ec839 100644 --- a/src/style.css +++ b/src/style.css @@ -950,7 +950,6 @@ img { .case-card h3 { margin: 0; - font-size: 20px; line-height: 1.45; color: #2f3239; display: -webkit-box; @@ -1206,6 +1205,8 @@ img { } .news-page-body { + display: flex; + flex-direction: column; padding: 22px 24px 24px; } @@ -1217,10 +1218,14 @@ img { .news-page-body h3 { margin: 0; - min-height: 70px; - font-size: 24px; + min-height: calc(20px * 1.45 * 2); + font-size: 20px; line-height: 1.45; color: #373b42; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + overflow: hidden; transition: color 0.2s ease; } @@ -1229,11 +1234,15 @@ img { } .news-page-summary { - margin: 18px 0 22px; - min-height: 86px; + margin: 18px 0 0; + min-height: calc(15px * 1.9 * 3); font-size: 15px; line-height: 1.9; color: #737780; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; + overflow: hidden; } .news-page-meta { @@ -1241,7 +1250,8 @@ img { align-items: center; justify-content: space-between; gap: 16px; - padding-top: 18px; + margin-top: 12px; + padding-top: 8px; border-top: 1px solid #edf0f3; font-size: 13px; color: #9b9fa7; @@ -2279,7 +2289,6 @@ img { } .case-card-large h3 { - font-size: 22px; } .case-card-large .case-subtitle { @@ -2944,7 +2953,6 @@ img { .case-card h3, .case-card-large h3 { - font-size: 20px; } .case-subtitle,