From 29d2cbce17cdec547303f08ed6fa71852e0b7090 Mon Sep 17 00:00:00 2001 From: 康凯 <kangk26@foxmail.com> Date: Tue, 14 Dec 2021 18:33:01 +0800 Subject: [PATCH] 图片详情页,关键词、简介状态栏高亮线太长,并且与下面正文有分割线 --- src/views/personage/list.vue | 10 ++++++---- 1 files changed, 6 insertions(+), 4 deletions(-) diff --git a/src/views/personage/list.vue b/src/views/personage/list.vue index c9eaa76..ba67da7 100644 --- a/src/views/personage/list.vue +++ b/src/views/personage/list.vue @@ -115,7 +115,7 @@ .line { width: 100%; - border: 1px solid #EEEEEE; + border-top: 1px solid #EEEEEE; margin-top: 3vh; margin-bottom: 3vh; opacity: 1; @@ -124,12 +124,15 @@ .data-list { width: 90%; height: 65vh; - margin-left: 5%; - overflow: scroll; + display: flex; + flex-direction:column; + justify-content: flex-start; + align-items: center; } .data-list .line { width: 100%; + margin-top: 2vh; margin-bottom: 2vh; } @@ -140,7 +143,6 @@ align-items: flex-start; width: 100%; - margin-bottom: 2vh; } .data-list /deep/ .image-item .item-left { -- Gitblit v1.9.3