From db2f5ec6d7eeff6d7cc67a846be6e22cf3636edc Mon Sep 17 00:00:00 2001
From: 康凯 <kangk26@foxmail.com>
Date: Mon, 23 May 2022 19:06:04 +0800
Subject: [PATCH] bug:没有内容时,提示“暂无内容”

---
 src/views/scenery/detail.vue |   39 ++++++++++++++++++++-------------------
 1 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/src/views/scenery/detail.vue b/src/views/scenery/detail.vue
index 029b5ff..016e2f7 100644
--- a/src/views/scenery/detail.vue
+++ b/src/views/scenery/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>
@@ -122,7 +122,8 @@
           window.open(fileUrl);
         } else {
           //https://view.officeapps.live.com/op/view.aspx?src=
-          window.open("http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=1&_xdoc=" + fileUrl.replace(/\\/g, ''));
+          //http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=1&_xdoc=
+          window.open("https://view.officeapps.live.com/op/view.aspx?src=" + fileUrl.replace(/\\/g, ''));
         }
       }
     },
@@ -340,7 +341,7 @@
   align-items: center;
 
   width: 100%;
-  height: 84vh;
+  min-height: 84vh;
   background: #F8F8F8;
 }
 
@@ -348,7 +349,7 @@
   width: 100%;
 }
 
-.mint-navbar /deep/ .mint-tab-item{
+.mint-navbar /deep/ .mint-tab-item {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -448,7 +449,7 @@
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
-  align-content:flex-start;
+  align-content: flex-start;
 
   height: 65vh;
   overflow: scroll;
@@ -459,7 +460,7 @@
 
 .content-images .content-item {
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   flex-direction: column;
   justify-content: center;
   align-items: center;
@@ -515,7 +516,7 @@
   border-radius: 0 0 30px 30px;
 }
 
-.content-videos .line{
+.content-videos .line {
   width: 90%;
 }
 

--
Gitblit v1.9.3