a1300399510@qq.com 提交于 2023/03/29 -18:00:01

src/views/search/searchResult/SearchResult.vue

@@ -16,7 +16,14 @@
 
 		<div class="result-box flexflex">
 			<div class="result-item">
-				<div class=""></div>
+				<div class="result-header">
+					<div class="result-label">租房</div>
+					<div class="result-title">诚招室友一起合租香港大学附近房子 女生</div>
+				</div>
+
+				<div class="result-content">
+					香港理工大学附近求租房，红磡何文田或黄埔附近最好
+				</div>
 
 			</div>
 
@@ -97,6 +104,7 @@ export default {
 
 	.result-box {
 		justify-content: center;
+
 		.result-item {
 			margin-bottom: .32rem;
 			width: 9.36rem;
@@ -107,6 +115,33 @@ export default {
 			-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);
+			padding: 0.4rem;
+			box-sizing: border-box;
+
+			.result-header {
+				margin-bottom: .32rem;
+
+				.result-label {
+					font-size: .28rem;
+					height: .52rem;
+					line-height: .52rem;
+					background: rgb(51, 51, 51);
+					color: #fff;
+					display: inline-block;
+					border-radius: .16rem;
+					padding: 0 .12rem;
+					margin-right: .12rem;
+				}
+
+				.result-title {
+					color: #000;
+					font-size: 0.37333rem;
+					line-height: 0.65rem;
+					display: inline;
+				}
+
+			}
+
 		}
 	}