修改个人-详情-附近房源

src/views/detail.vue

@@ -464,7 +464,7 @@
             </div>
         </div>
         <div class="dis-f  jus-x al-item">
-            <div class="body-maxWidth" ref="gridContainer" style="margin-top:15px;">
+            <div class="body-maxWidth" ref="gridContainer" style="margin-top:15px;display: flex;flex-wrap: wrap;    margin-bottom: 50px;">
                 <indexWaterfallBox v-for="(items, i) in recommendListData" :data="items" :key="items.id">
                 </indexWaterfallBox>
             </div>
@@ -917,8 +917,14 @@ let recommendList = () => {
             }
             nextTick(() => {
                 console.log(recommendListData.value)
+
                 masonryInstance.reloadItems();
                 masonryInstance.layout();
+
+                setTimeout(() => {
+                    masonryInstance.reloadItems();
+                    masonryInstance.layout();
+                }, 3000)
             })
         } else {
             ElMessage({
@@ -935,7 +941,7 @@ let masonryInstance = null
 onMounted(() => {
     getHousingInfo()
     masonryInstance = new Masonry(gridContainer.value, {
-        itemSelector: '.item',
+        itemSelector: '.waterfall-box',
         gutter: 20
     });
     setTimeout(() => {