| | |
| | | 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> |
| | |
| | | |
| | | .content-images .content-item { |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | flex-wrap:nowrap; |
| | | flex-direction: column; |
| | | justify-content: center; |
| | | align-items: center; |