a1300399510@qq.com 提交于 2023/03/29 -17:40:02

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>