From eac2478d672e5baa658bc44e3c9f96810650e29a Mon Sep 17 00:00:00 2001 From: bestlee Date: Wed, 27 Aug 2025 15:23:06 +0800 Subject: [PATCH] =?UTF-8?q?=E8=A1=8C=E4=B8=9A=E8=B5=84=E8=AE=AF=E5=88=97?= =?UTF-8?q?=E8=A1=A8=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/NewsDetailPage.vue | 5 ++--- src/views/NewsItemsView.vue | 6 +++++- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/src/views/NewsDetailPage.vue b/src/views/NewsDetailPage.vue index b3028f5..16c6774 100644 --- a/src/views/NewsDetailPage.vue +++ b/src/views/NewsDetailPage.vue @@ -102,17 +102,16 @@ export default { .title-area { position: relative; - height: 40px; margin-top: 80px; margin-bottom: 45px; + display: flex; } .news-title { + width: 90%; font-size: 30px; color: #666666; line-height: 40px; - position: absolute; - left: 0; } .news-time { diff --git a/src/views/NewsItemsView.vue b/src/views/NewsItemsView.vue index 2579efe..858ac29 100644 --- a/src/views/NewsItemsView.vue +++ b/src/views/NewsItemsView.vue @@ -42,7 +42,6 @@ export default { .news-grid{ display: flex; flex-wrap: wrap; - justify-content: space-between; } .news-item { @@ -50,7 +49,12 @@ export default { flex-direction: column; width: 380px; cursor: pointer; + margin-right: 35px; } +.news-item:nth-child(3n){ + margin-right: 0; +} + .news-item:nth-child(n+4){ margin-top: 46px; }