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

康凯

2022-01-27 fa17f93cc94db72470d73c2d29d0a70baeb6b199

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

 src/views/memory/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>

 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>

 src/views/scenery/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>
@@ -349,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;
@@ -449,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;
@@ -516,7 +516,7 @@
  border-radius: 0 0 30px 30px;
}

.content-videos .line{
.content-videos .line {
  width: 90%;
}


 src/views/spirit/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>