From e76bee574f8f68de5b2e6cdfaa977216a77ed15e Mon Sep 17 00:00:00 2001
From: buvta <12312540+buvta@users.noreply.github.com>
Date: Tue, 8 Dec 2020 16:46:02 +0800
Subject: [PATCH] =?UTF-8?q?film=E9=81=BF=E5=85=8D=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F=E4=B8=8B=E5=8A=A0=E8=BD=BD=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Film.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/Film.vue b/src/components/Film.vue
index c1413b6..a20846b 100644
--- a/src/components/Film.vue
+++ b/src/components/Film.vue
@@ -76,7 +76,7 @@
       <el-button type="text" size="mini" @click='() => { showToolbar = !showToolbar; if (!showToolbar) this.refreshFilteredList() }'>{{ showToolbar ? '隐藏工具栏' : '显示工具栏' }}</el-button>
     </el-divider>
     <div class="listpage-body" id="film-body" infinite-wrapper>
-      <div class="show-picture" v-show="setting.view === 'picture' && !show.find">
+      <div class="show-picture" v-if="setting.view === 'picture' && !show.find">
           <Waterfall ref="filmWaterfall" :list="filteredList" :gutter="20" :width="240"
           :breakpoints="{
             1200: { //当屏幕宽度小于等于1200
@@ -115,7 +115,7 @@
           </Waterfall>
           <infinite-loading force-use-infinite-wrapper :identifier="infiniteId" @infinite="infiniteHandler"></infinite-loading>
       </div>
-      <div class="show-table" v-show="setting.view === 'table' && !show.find">
+      <div class="show-table" v-if="setting.view === 'table' && !show.find">
         <el-table
           size="mini"
           :data="filteredList"
@@ -180,7 +180,7 @@
           </infinite-loading>
         </el-table>
       </div>
-      <div class="show-table" v-show="searchViewMode=== 'table' && show.find">
+      <div class="show-table" v-if="searchViewMode=== 'table' && show.find">
         <el-table size="mini"
           ref="searchResultTable"
           :data="searchContents.filter(res => !setting.excludeR18Films || (res.type !== undefined && !containsR18Keywords(res.type)))"
@@ -254,7 +254,7 @@
           </el-table-column>
         </el-table>
       </div>
-      <div class="show-picture" v-show="searchViewMode === 'picture' && show.find">
+      <div class="show-picture" v-if="searchViewMode === 'picture' && show.find">
           <Waterfall ref="filmSearchWaterfall" :list="searchContents.filter(res => !setting.excludeR18Films || (res.type !== undefined && !containsR18Keywords(res.type)))" :gutter="20" :width="240"
           :breakpoints="{
             1200: { //当屏幕宽度小于等于1200
@@ -594,7 +594,7 @@ export default {
           }
           $state.loaded()
           // 数据更新后,刷新页面
-          if (this.$refs.filmWaterfall) {
+          if (this.setting.view === 'picture' && this.$refs.filmWaterfall) {
             this.$refs.filmWaterfall.refresh()
           }
           // 更新缓存数据