修复：相关视频列表页面封面图片加载失败时显示默认图片

康凯

2022-01-27 fa17f93cc94db72470d73c2d29d0a70baeb6b199

 src/views/personage/detail.vue

@@ -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, ''));
        }
      }
    },
@@ -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;