From 22b877b0fb04f2d93f5911dbac18a9c9dc8f0972 Mon Sep 17 00:00:00 2001
From: haiyangcui <cuiocean@gmail.com>
Date: Sun, 1 Nov 2020 17:24:29 +0100
Subject: [PATCH] =?UTF-8?q?=E5=AE=9A=E4=B9=89=E4=B8=8D=E5=90=8C=E7=9A=84wa?=
 =?UTF-8?q?terfall=E7=9A=84ref?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Film.vue           | 6 +++---
 src/components/Recommandation.vue | 6 +++---
 src/components/Star.vue           | 5 +++--
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/Film.vue b/src/components/Film.vue
index 258bb74..65b84f3 100644
--- a/src/components/Film.vue
+++ b/src/components/Film.vue
@@ -29,14 +29,14 @@
     </div>
     <div class="listpage-body" id="film-body" infinite-wrapper>
       <div class="show-picture" v-if="setting.view === 'picture' && !show.find">
-          <Waterfall ref="waterfall" :list="list" :gutter="20" :width="240"
+          <Waterfall ref="filmWaterfall" :list="list" :gutter="20" :width="240"
           :breakpoints="{ 1200: { rowPerView: 4 } }"
           animationEffect="fadeInUp"
           backgroundColor="rgba(0, 0, 0, 0)">
             <template slot="item" slot-scope="props">
               <div class="card" v-show="!setting.excludeR18Films || !containsR18Keywords(props.data.type)">
                 <div class="img">
-                  <img style="width: 100%" :src="props.data.pic" alt="" @load="$refs.waterfall.refresh()" @click="detailEvent(site, props.data)">
+                  <img style="width: 100%" :src="props.data.pic" alt="" @load="$refs.filmWaterfall.refresh()" @click="detailEvent(site, props.data)">
                   <div class="operate">
                     <div class="operate-wrap">
                       <span class="o-play" @click="playEvent(site, props.data)">播放</span>
@@ -462,7 +462,7 @@ export default {
     changeView () {
       if (this.view === 'Film') {
         if (this.setting.view === 'picture') {
-          this.$refs.waterfall.refresh()
+          this.$refs.filmWaterfall.refresh()
         }
         this.getPage().then(() => {
           this.infiniteId += 1
diff --git a/src/components/Recommandation.vue b/src/components/Recommandation.vue
index 807ff69..9b3f5ca 100644
--- a/src/components/Recommandation.vue
+++ b/src/components/Recommandation.vue
@@ -71,7 +71,7 @@
         </el-table>
       </div>
       <div class="show-picture" id="star-picture" v-show="viewMode === 'picture'">
-        <Waterfall ref="waterfall" :list="filteredRecommandations" :gutter="20" :width="240"
+        <Waterfall ref="recommandataionsWaterfall" :list="filteredRecommandations" :gutter="20" :width="240"
           :breakpoints="{ 1200: { rowPerView: 4 } }"
           animationEffect="fadeInUp"
           backgroundColor="rgba(0, 0, 0, 0)">
@@ -81,7 +81,7 @@
                   <div class="rate" v-if="props.data.rate && props.data.rate !== '暂无评分'">
                     <span>{{props.data.rate}}分</span>
                   </div>
-                  <img style="width: 100%" :src="props.data.detail.pic" alt="" @load="$refs.waterfall.refresh()" @click="detailEvent(props.data)">
+                  <img style="width: 100%" :src="props.data.detail.pic" alt="" @load="$refs.recommandataionsWaterfall.refresh()" @click="detailEvent(props.data)">
                   <div class="operate">
                     <div class="operate-wrap">
                       <span class="o-play" @click="playEvent(props.data)">播放</span>
@@ -171,7 +171,7 @@ export default {
     view () {
       if (this.view === 'Recommandation') {
         this.getRecommandations()
-        this.$refs.waterfall.refresh()
+        this.$refs.recommandataionsWaterfall.refresh()
       }
     }
   },
diff --git a/src/components/Star.vue b/src/components/Star.vue
index 61ea11c..cccc89b 100644
--- a/src/components/Star.vue
+++ b/src/components/Star.vue
@@ -77,7 +77,7 @@
         </el-table>
       </div>
       <div class="show-picture" id="star-picture" v-show="viewMode === 'picture'">
-        <Waterfall ref="waterfall" :list="list" :gutter="20" :width="240"
+        <Waterfall ref="starWaterfall" :list="list" :gutter="20" :width="240"
           :breakpoints="{ 1200: { rowPerView: 4 } }"
           animationEffect="fadeInUp"
           backgroundColor="rgba(0, 0, 0, 0)">
@@ -90,7 +90,7 @@
                   <div class="update" v-if="props.data.hasUpdate">
                     <span>有更新</span>
                   </div>
-                  <img style="width: 100%" :src="props.data.detail.pic" alt="" @load="$refs.waterfall.refresh()" @click="detailEvent(props.data)">
+                  <img style="width: 100%" :src="props.data.detail.pic" alt="" @load="$refs.starWaterfall.refresh()" @click="detailEvent(props.data)">
                   <div class="operate">
                     <div class="operate-wrap">
                       <span class="o-play" @click="playEvent(props.data)">播放</span>
@@ -173,6 +173,7 @@ export default {
       if (this.view === 'Star') {
         this.getAllsites()
         this.getFavorites()
+        this.$refs.starWaterfall.refresh()
       }
     }
   },