From a7efb7d64225639c2eca1175b96c8d5b64b40c13 Mon Sep 17 00:00:00 2001
From: 康凯 <kangk26@foxmail.com>
Date: Thu, 27 Jan 2022 10:58:55 +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