From 6d88d964f6a9d002554c31d41a159f8a84d71f9c Mon Sep 17 00:00:00 2001
From: XiaoMo <a1300399510@qq.com>
Date: Wed, 29 Mar 2023 17:40:11 +0800
Subject: [PATCH] =?UTF-8?q?a1300399510@qq.com=20=E6=8F=90=E4=BA=A4?=
=?UTF-8?q?=E4=BA=8E=202023/03/29=20-17:40:02?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../search/searchResult/SearchResult.vue | 41 +++++++++++++++++--
1 file changed, 38 insertions(+), 3 deletions(-)
diff --git a/src/views/search/searchResult/SearchResult.vue b/src/views/search/searchResult/SearchResult.vue
index 3b2b27e..2e28b1e 100755
--- a/src/views/search/searchResult/SearchResult.vue
+++ b/src/views/search/searchResult/SearchResult.vue
@@ -12,7 +12,15 @@
</div>
<!-- 结果数量 -->
- <div class="">大约找到 <div class="">{{800}}</div> 条结果</div>
+ <div class="numberResults flexacenter">大约找到 <div class="number">{{ 800 }}</div> 条结果</div>
+
+ <div class="result-box flexflex">
+ <div class="result-item">
+ <div class=""></div>
+
+ </div>
+
+ </div>
</div>
</template>
@@ -35,10 +43,8 @@ export default {
padding-top: 1.3rem;
.search-input-box {
-
margin-left: .32rem;
-
.search-input {
width: 8.2rem;
height: .96rem;
@@ -76,5 +82,34 @@ export default {
}
}
+ .numberResults {
+ font-size: .32rem;
+ color: #555;
+ // margin-top: .64rem;
+ margin: .64rem .32rem .48rem;
+
+ .number {
+ color: #000;
+ font-weight: 650;
+ margin: 0 .1667rem;
+ }
+ }
+
+ .result-box {
+ justify-content: center;
+ .result-item {
+ margin-bottom: .32rem;
+ width: 9.36rem;
+ height: 3.96rem;
+ background-color: rgba(255, 255, 255, 1);
+ border: none;
+ border-radius: .32rem;
+ -moz-box-shadow: 0 0 .16rem rgba(0, 0, 0, 0.0784313725490196);
+ -webkit-box-shadow: 0 0 .16rem rgba(0, 0, 0, 0.08);
+ box-shadow: 0 0 .16rem rgba(0, 0, 0, .08);
+ }
+ }
+
+
}
</style>