From d49eed70a874b9534ebc56ea13f77461322f73e0 Mon Sep 17 00:00:00 2001
From: A1300399510 <A1300399510>
Date: Tue, 25 Jul 2023 15:22:12 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=B8=AA=E4=BA=BA-=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85-=E9=99=84=E8=BF=91=E6=88=BF=E6=BA=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/detail.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/views/detail.vue b/src/views/detail.vue
index d63c7ec..0bbd7e8 100644
--- a/src/views/detail.vue
+++ b/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(() => {