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/scenery/list.vue |   12 ++++++++----
 1 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/views/scenery/list.vue b/src/views/scenery/list.vue
index 275e07b..83d29dd 100644
--- a/src/views/scenery/list.vue
+++ b/src/views/scenery/list.vue
@@ -116,20 +116,25 @@
 
 .line {
   width: 100%;
-  border: 1px solid #EEEEEE;
+  border-top: 1px solid #EEEEEE;
   margin-top: 3vh;
   margin-bottom: 3vh;
   opacity: 1;
 }
 
 .data-list {
+  display: flex;
+  flex-direction:column;
+  justify-content: flex-start;
+  align-items: center;
+
   width: 90%;
-  margin-left: 5%;
-  overflow: scroll;
+  height: 65vh;
 }
 
 .data-list .line {
   width: 100%;
+  margin-top: 2vh;
   margin-bottom: 2vh;
 }
 
@@ -140,7 +145,6 @@
   align-items: flex-start;
 
   width: 100%;
-  margin-bottom: 2vh;
 }
 
 .data-list /deep/ .image-item .item-left {

--
Gitblit v1.9.3