From d3924e9d70b1743c14fc5de12bc98b6db2553030 Mon Sep 17 00:00:00 2001 From: fuxiaochun Date: Tue, 22 Aug 2023 13:22:23 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=88=97=E8=A1=A8=E5=8D=A1?= =?UTF-8?q?=E7=89=87=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/ArticleDetail/index.vue | 11 +++++++++-- src/layouts/Footer.vue | 1 + src/views/business/components/CategoryCardList.vue | 11 +++++++++-- 3 files changed, 19 insertions(+), 4 deletions(-) diff --git a/src/components/ArticleDetail/index.vue b/src/components/ArticleDetail/index.vue index 58ec3d9..305ba05 100644 --- a/src/components/ArticleDetail/index.vue +++ b/src/components/ArticleDetail/index.vue @@ -230,7 +230,7 @@ const goDetail = (id) => { li{ width: 100%; - height: 408px; + height: 428px; background: #D6D6DD; border-radius: 3px; border: 5px solid #D6D6DD; @@ -278,10 +278,17 @@ const goDetail = (id) => { } } .desc{ - padding: 10px; + margin: 10px; font-size: 22px; font-weight: bold; line-height: 30px; + height: 60px; + box-sizing: content-box; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; } } } diff --git a/src/layouts/Footer.vue b/src/layouts/Footer.vue index f1e1a93..fd5c28f 100644 --- a/src/layouts/Footer.vue +++ b/src/layouts/Footer.vue @@ -11,6 +11,7 @@

联系电话:{{ website.info.contact_phone }}

邮箱:{{ website.info.contact_email }}

联系地址:{{ website.info.contact_address }}

+

copyright © 2023; 海国图智信息科技 (广州)有限公司

diff --git a/src/views/business/components/CategoryCardList.vue b/src/views/business/components/CategoryCardList.vue index 9aaf0b0..baf7c8e 100644 --- a/src/views/business/components/CategoryCardList.vue +++ b/src/views/business/components/CategoryCardList.vue @@ -120,7 +120,7 @@ const goDetail = (id) => { } li{ width: 100%; - height: 408px; + height: 428px; background: #D6D6DD; border-radius: 3px; border: 5px solid #D6D6DD; @@ -167,10 +167,17 @@ const goDetail = (id) => { } } .desc{ - padding: 10px; + margin: 0 10px; font-size: 22px; font-weight: bold; line-height: 30px; + height: 60px; + box-sizing: content-box; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; } } .pageBox{