From 19b61e6664f99bc42fcda99a0eb7d24f81de2e5a Mon Sep 17 00:00:00 2001
From: XiaoMo <a1300399510@qq.com>
Date: Wed, 29 Mar 2023 17:00:10 +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:00:01?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../search/searchResult/SearchResult.vue      | 45 ++++++++++++++++---
 1 file changed, 39 insertions(+), 6 deletions(-)

diff --git a/src/views/search/searchResult/SearchResult.vue b/src/views/search/searchResult/SearchResult.vue
index 80094b6..471e7b9 100755
--- a/src/views/search/searchResult/SearchResult.vue
+++ b/src/views/search/searchResult/SearchResult.vue
@@ -1,11 +1,11 @@
 <template>
-	<div class="">
+	<div class="container">
 		<!-- 搜索框 -->
 		<div class="search-input-box flexacenter">
-			<div class="search-input">
-				<img class="search-input-icon" src="">
-				<input />
-				<img class="search-input-cross">
+			<div class="search-input flexacenter">
+				<img class="search-input-icon" src="@/assets/img/headerNav/search.png">
+				<input class="flex1" />
+				<img class="search-input-cross" src="@/assets/img/icon/clear.png">
 
 			</div>
 			<div class="search-input-cancel">取消</div>
@@ -28,6 +28,39 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.search-input-box {
+.container {
+	padding-top: 1.3rem;
+
+	.search-input-box {
+
+		margin-left: .32rem;
+
+
+		.search-input {
+			width: 8.2rem;
+			height: .96rem;
+			border-radius: 2.56rem;
+			background: rgba(235, 235, 235, 1);
+			padding-left: .4rem;
+
+			.search-input-icon,
+			.search-input-cross {
+				width: .4rem;
+				height: .4rem;
+			}
+
+			.search-input-cross {
+				padding-right: .4rem;
+			}
+
+		}
+
+		.search-input-cancel {
+			color: #000;
+			font-size: .36rem;
+			padding: .46rem;
+		}
+	}
+
 }
 </style>