From dce2e36ef0c857fd5731accd36cac8164dc7b77d Mon Sep 17 00:00:00 2001
From: Hunlongyu <hunlongyu@gmail.com>
Date: Fri, 6 Nov 2020 10:02:01 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8D=80=20=E4=BF=AE=E5=A4=8D=E7=80=91?=
 =?UTF-8?q?=E5=B8=83=E6=B5=81=E4=B8=8D=E8=87=AA=E5=8A=A8=E8=87=AA=E9=80=82?=
 =?UTF-8?q?=E5=BA=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Film.vue           | 14 +++++++++++++-
 src/components/Recommendation.vue | 13 ++++++++++++-
 src/components/Star.vue           | 15 ++++++++++++---
 3 files changed, 37 insertions(+), 5 deletions(-)

diff --git a/src/components/Film.vue b/src/components/Film.vue
index 74f2f92..5c95bb2 100644
--- a/src/components/Film.vue
+++ b/src/components/Film.vue
@@ -367,6 +367,7 @@ export default {
       const key = this.site.key
       const type = this.type.tid
       const page = this.pagecount
+      console.log(key, type, page, 'infiniteHandler')
       this.statusText = ' '
       if (key && page < 1) { // OK资源前几类硬是去不掉
         $state.complete()
@@ -561,7 +562,7 @@ export default {
         this.searchContents = []
         this.show.find = false
         if (this.setting.view === 'picture') {
-          this.$refs.waterfall.refresh()
+          this.$refs.filmWaterfall.refresh()
         }
       }
     },
@@ -584,6 +585,17 @@ export default {
   created () {
     this.getAllSites()
     this.getAllSearch()
+  },
+  mounted () {
+    window.addEventListener('resize', () => {
+      if (this.$refs.filmWaterfall && this.view === 'Film') {
+        this.$refs.filmWaterfall.resize()
+        this.$refs.filmWaterfall.refresh()
+        setTimeout(() => {
+          this.$refs.filmWaterfall.refresh()
+        }, 500)
+      }
+    }, false)
   }
 }
 </script>
diff --git a/src/components/Recommendation.vue b/src/components/Recommendation.vue
index fa6896f..801ed37 100644
--- a/src/components/Recommendation.vue
+++ b/src/components/Recommendation.vue
@@ -83,7 +83,7 @@
               rowPerView: 2,
             }
           }"
-          animationEffect="fadeInUp"
+          animationDuration="0.5s"
           backgroundColor="rgba(0, 0, 0, 0)">
             <template slot="item" slot-scope="props">
               <div class="card">
@@ -313,6 +313,17 @@ export default {
   created () {
     this.getRecommendations()
     this.getViewMode()
+  },
+  mounted () {
+    window.addEventListener('resize', () => {
+      if (this.$refs.recommandataionsWaterfall && this.view === 'Recommendation') {
+        this.$refs.recommandataionsWaterfall.resize()
+        this.$refs.recommandataionsWaterfall.refresh()
+        setTimeout(() => {
+          this.$refs.recommandataionsWaterfall.refresh()
+        }, 500)
+      }
+    }, false)
   }
 }
 </script>
diff --git a/src/components/Star.vue b/src/components/Star.vue
index 8d730ae..f2087a2 100644
--- a/src/components/Star.vue
+++ b/src/components/Star.vue
@@ -481,12 +481,21 @@ export default {
       })
     }
   },
-  mounted () {
-    this.rowDrop()
-  },
   created () {
     this.getFavorites()
     this.getViewMode()
+  },
+  mounted () {
+    this.rowDrop()
+    window.addEventListener('resize', () => {
+      if (this.$refs.starWaterfall && this.view === 'Star') {
+        this.$refs.starWaterfall.resize()
+        this.$refs.starWaterfall.refresh()
+        setTimeout(() => {
+          this.$refs.starWaterfall.refresh()
+        }, 500)
+      }
+    }, false)
   }
 }
 </script>