From f4139513f98ed9fbe149f75e494a49481cd14ccd Mon Sep 17 00:00:00 2001
From: 康凯 <kangk26@foxmail.com>
Date: Tue, 14 Dec 2021 18:19:15 +0800
Subject: [PATCH] 6.详情页顶部图片到下面白色框主体、左右两侧是圆角。 7.高亮状态栏，红色应该和文字等宽 8.详情页选项卡、关键字和简介之间是有分割的
---
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