From 7538467294b4a24f477ba619c81d10f06d68d85f Mon Sep 17 00:00:00 2001
From: 康凯 <kangk26@foxmail.com>
Date: Tue, 14 Dec 2021 15:51:39 +0800
Subject: [PATCH] 1.内页顶部文字字体问题 2.搜索框内文字左侧间距太小 3.列表左右侧间距不一样，边框是1px不是2px

---
 src/views/personage/list.vue     |   10 ++++++----
 src/views/spirit/list.vue        |   17 +++++++++--------
 src/views/memory/list.vue        |   10 ++++++----
 src/views/scenery/list.vue       |   11 +++++++----
 src/components/CustomSearch3.vue |    2 +-
 src/components/CustomSearch2.vue |    2 +-
 6 files changed, 30 insertions(+), 22 deletions(-)

diff --git a/src/components/CustomSearch2.vue b/src/components/CustomSearch2.vue
index 724c7c0..57f3650 100644
--- a/src/components/CustomSearch2.vue
+++ b/src/components/CustomSearch2.vue
@@ -169,7 +169,7 @@
 }
 
 .custom-search-after .input-inner {
-  width: 90%;
+  width: 85%;
   height: 95%;
   border: 0;
   border-radius: 200px;
diff --git a/src/components/CustomSearch3.vue b/src/components/CustomSearch3.vue
index 8b65e18..6a9d306 100644
--- a/src/components/CustomSearch3.vue
+++ b/src/components/CustomSearch3.vue
@@ -152,7 +152,7 @@
 }
 
 .custom-search-after .input-inner {
-  width: 90%;
+  width: 85%;
   height: 3vh;
   border: 0;
   border-radius: 200px;
diff --git a/src/views/memory/list.vue b/src/views/memory/list.vue
index ea48633..ec23c79 100644
--- a/src/views/memory/list.vue
+++ b/src/views/memory/list.vue
@@ -109,7 +109,7 @@
 
 .line {
   width: 100%;
-  border: 1px solid #EEEEEE;
+  border-top: 1px solid #EEEEEE;
   margin-top: 3vh;
   margin-bottom: 3vh;
   opacity: 1;
@@ -118,19 +118,21 @@
 .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 {
   width: 90%;
-  margin-bottom: 2vh;
 }
 
 .data-list /deep/ .text-item .item-title {
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 {
diff --git a/src/views/scenery/list.vue b/src/views/scenery/list.vue
index 275e07b..239292b 100644
--- a/src/views/scenery/list.vue
+++ b/src/views/scenery/list.vue
@@ -116,7 +116,7 @@
 
 .line {
   width: 100%;
-  border: 1px solid #EEEEEE;
+  border-top: 1px solid #EEEEEE;
   margin-top: 3vh;
   margin-bottom: 3vh;
   opacity: 1;
@@ -124,12 +124,16 @@
 
 .data-list {
   width: 90%;
-  margin-left: 5%;
-  overflow: scroll;
+  height: 65vh;
+  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 +144,6 @@
   align-items: flex-start;
 
   width: 100%;
-  margin-bottom: 2vh;
 }
 
 .data-list /deep/ .image-item .item-left {
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