diff --git a/src/components/indexWaterfallBox/indexWaterfallBox.vue b/src/components/indexWaterfallBox/indexWaterfallBox.vue
index 434e08a..e26de9d 100644
--- a/src/components/indexWaterfallBox/indexWaterfallBox.vue
+++ b/src/components/indexWaterfallBox/indexWaterfallBox.vue
@@ -99,7 +99,7 @@
 </template>
   
 <script setup>
-import { defineProps, reactive } from 'vue'
+import { defineProps, reactive,watchEffect } from 'vue'
 import store from '../../store/index';
 import { useRouter } from 'vue-router'
 const props = defineProps({
@@ -134,6 +134,9 @@ let watchAdv = () => {
     }
 }
 
+watchEffect(()=>{
+    itemData = props.data
+})
 </script>
 <style scoped>
 .pos-r {
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 40a7877..d02810d 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -256,9 +256,14 @@ let getRecommendList = () => {
         loadText.value = '到底了'
       }
       nextTick(() => {
-          console.log(listMasonryInstance)
+        console.log(1)
+        listMasonryInstance.reloadItems();
+        listMasonryInstance.layout();
+        setTimeout(() => {
+          console.log(3)
           listMasonryInstance.reloadItems();
           listMasonryInstance.layout();
+        }, 600)
       })
     } else {
       ElMessage({