个人房源

src/views/HomeView.vue

@@ -3,7 +3,7 @@
     <pageTopBar></pageTopBar>
     <!-- <headerNavigation></headerNavigation> -->
     <!-- 搜索模块 -->
-    <seachModule :list="seachTypeData.data" :hotList="indexData.data.hotSearcheWords"></seachModule>
+    <seachModule></seachModule>
     <!-- 房源展示 -->
     <div class="dis-f jus-x al-item" style="margin-top:25px;">
       <div class="body-maxWidth dis-f al-item">
@@ -269,6 +269,7 @@ let listDataTypeChange = (item) => {
   waterfallList[2] = []
   waterfallList[3] = []
   waterfallList[4] = []
+  pages.value=1
   getRecommendList()
 }
 

src/views/housingView/person.vue

@@ -1,41 +1,62 @@
 <template>
     <div>
-        <pageTopBar></pageTopBar> 
+        <pageTopBar></pageTopBar>
+        <seachModule></seachModule>
+        <div class="dis-f jus-x al-item">
+            <div class="body-maxWidth mg-t-35">
+                <div class="dis-f jus-bet">
+                    <div>
+                        <biserialItem></biserialItem>
+                    </div>
+                    <div></div>
+                </div>
+            </div>
+        </div>
+
     </div>
 </template>
   
 <script setup>
 import pageTopBar from '../../components/pageTopBar/pageTopBar.vue';
+import seachModule from "../../components/seachModule/seachModule.vue";
+import biserialItem from '../../components/biserialListItem/biserialListItem.vue'
 </script>
 <style scoped>
 img {
-  object-fit: contain;
+    object-fit: contain;
 }
 
 .dis-f {
-  display: flex;
+    display: flex;
 }
 
 .jus-x {
-  justify-content: center;
+    justify-content: center;
 }
 
 .al-item {
-  align-items: center;
+    align-items: center;
 }
 
 .pos-r {
-  position: relative;
+    position: relative;
 }
 
 .body-maxWidth {
-  width: 1200px;
-  min-width: 1200px;
+    width: 1200px;
+    min-width: 1200px;
 }
 
 .s-w-100 {
-  width: 100%;
+    width: 100%;
 }
 
+.jus-bet {
+    justify-content: space-between;
+}
+
+.mg-t-35 {
+    margin-top: 35px;
+}
 </style>