From a354c373bcf9846abaac5eea46de536908f8bbd1 Mon Sep 17 00:00:00 2001 From: 康凯 <kangk26@foxmail.com> Date: Mon, 23 May 2022 18:37:24 +0800 Subject: [PATCH] bug:页面内容过长,无法滚动查看更多 --- src/views/memory/detail.vue | 28 ++++++++++++++-------------- 1 files changed, 14 insertions(+), 14 deletions(-) diff --git a/src/views/memory/detail.vue b/src/views/memory/detail.vue index 3c0ae83..e1187d6 100644 --- a/src/views/memory/detail.vue +++ b/src/views/memory/detail.vue @@ -6,7 +6,7 @@ <div class="title-introduce">{{ titleIntroduce }}</div> </div> <div class="title-right"> - <div class="online-preview" @click="OnlinePreview(basisInfo.file)">在线浏览</div> +<!-- <div class="online-preview" @click="OnlinePreview(basisInfo.file)">在线浏览</div>--> </div> </div> <div class="content"> @@ -53,19 +53,19 @@ v-infinite-scroll="NextVideos" :infinite-scroll-disabled="videos.scrollDisabled" :infinite-scroll-distance="10"> - <div class="content-item" - v-for="item in videos.data" - :key="item.id" - @click="ToVideoDetail(item.id)"> - <div class="item-left"> - <img :src="item.cover"/> + <template v-for="item in videos.data"> + <div class="content-item" :key="item.key" @click="ToVideoDetail(item.id)"> + <div class="item-left"> + <img :src="item.cover" v-if="item.cover"/> + <img src="@/assets/defaultCover.png" v-else/> + </div> + <div class="item-right"> + <div class="item-name">{{ item.name }}</div> + <div class="item-introduce">{{ item.description }}</div> + </div> </div> - <div class="item-right"> - <div class="item-name">{{ item.name }}</div> - <div class="item-introduce">{{ item.description }}</div> - </div> - </div> - <div class="line"></div> + <div class="line" :key="item.key"></div> + </template> </div> </mt-tab-container-item> </mt-tab-container> @@ -341,7 +341,7 @@ align-items: center; width: 100%; - height: 84vh; + min-height: 84vh; background: #F8F8F8; } -- Gitblit v1.9.3