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/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