解决冲突

src/views/HomeView.vue

@@ -6,8 +6,9 @@
     <!-- 房源展示 -->
     <div class="dis-f jus-x al-item" style="margin-top:25px;">
       <div class="body-maxWidth dis-f al-item">
-        <div v-for="(item, i) in apartmentData.data" :key="i">
+        <div v-for="(item, i) in apartmentData.data.slice(0, 4)" :key="i">
-          <listItem :style="{ 'margin-left': i === 0 ? 0 : '12px' }" :data="item" v-if="i < 4"></listItem>
+          <listItem :style="{ 'margin-left': i === 0 ? 0 : '12px' }" :data="item"
+            @click="publicJump(`/apartmentDetail?uniqid=${item['id']}`)"></listItem>
         </div>
       </div>
     </div>
@@ -22,7 +23,8 @@
                   <img src="../assets/homeImage/informationO.png" class="img" alt="">
                   <span class="title">攻略</span>
                 </div>
-                <div v-for="(item, i) in informationData && informationData[0].list" :key="i" class="dis-f al-item list-li">
+                <div v-for="(item, i) in informationData && informationData[0].list" :key="i"
+                  class="dis-f al-item list-li">
                   <div class="list-mark"></div>
                   <div class="text-s" @click="informationDataOpen(item)">
                     <span class="text">{{ item.title }}</span>
@@ -34,7 +36,8 @@
                   <img src="../assets/homeImage/informationT.png" class="img" alt="">
                   <span class="title">科普</span>
                 </div>
-                <div v-for="(item, i) in informationData && informationData[1].list" :key="i" class="dis-f al-item list-li">
+                <div v-for="(item, i) in informationData && informationData[1].list" :key="i"
+                  class="dis-f al-item list-li">
                   <div class="list-mark"></div>
                   <div class="text-s" @click="informationDataOpen(item)">
                     <span class="text">{{ item.title }}</span>
@@ -188,7 +191,6 @@
     <!-- <indexRegularBox></indexRegularBox> -->
   </div>
   <back-to-top></back-to-top>
-
 </template>
 
 <script setup>
@@ -386,6 +388,7 @@ let personHouseingInfo = (type, data, areaItem) => {
     query: {
       [type]:setData,
       areaItem:areaItems['id']?`${areaItems['id']}`:''
+
     },
     // params:{
     //   type,
@@ -408,6 +411,9 @@ onBeforeUnmount(() => {
   window.removeEventListener('scroll', onPageSrcoll, true);
 })
 
+// 公共跳转
+const publicJump = path => router.push(path)
+
 
 </script>
 <script>

src/views/detail.vue

@@ -724,7 +724,7 @@
                 附近房源
             </div>
         </div>
-        <div class="dis-f  jus-x al-item" style="position: relative;z-index:-1;" v-if="pageType != 3">
+        <div class="dis-f  jus-x al-item" style="position: relative;" v-if="pageType != 3">
             <div class="body-maxWidth" v-show="recommendListData.length > 0">
                 <div ref="gridContainer"
                     style="margin-top:15px;display: flex;flex-wrap: wrap;margin-bottom: 50px;width:876px">