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/spirit/list.vue | 17 +++++++++--------
1 files changed, 9 insertions(+), 8 deletions(-)
diff --git a/src/views/spirit/list.vue b/src/views/spirit/list.vue
index 06e36f1..52924b3 100644
--- a/src/views/spirit/list.vue
+++ b/src/views/spirit/list.vue
@@ -108,7 +108,7 @@
.line {
width: 100%;
- border: 1px solid #EEEEEE;
+ border-top: 1px solid #EEEEEE;
margin-top: 3vh;
margin-bottom: 3vh;
opacity: 1;
@@ -117,22 +117,23 @@
.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;
}
-
-data-list /deep/ .text-item {
+.data-list /deep/ .text-item {
width: 90%;
- margin-bottom: 2vh;
}
-data-list /deep/ .text-item .item-title {
+.data-list /deep/ .text-item .item-title {
text-align: left;
font-size: 2rem;
font-family: Source Han Serif CN;
@@ -141,7 +142,7 @@
color: #BC0000;
}
-data-list /deep/ .text-item .item-context {
+.data-list /deep/ .text-item .item-context {
text-align: left;
font-size: 1.62rem;
font-family: Source Han Sans CN;
--
Gitblit v1.9.3