|
|
@@ -1,27 +1,25 @@
|
|
|
<template>
|
|
|
- <el-row>
|
|
|
- <el-row class="movie-list">
|
|
|
- <el-row>
|
|
|
- <el-col :md="12">
|
|
|
- <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
|
|
|
- <site-notice />
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- <el-col :md="12">
|
|
|
- <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
|
|
|
- <el-carousel :interval="3000" height="300px">
|
|
|
- <el-carousel-item v-for="(item, index) in carouselList" :key="index">
|
|
|
- <router-link target="_blank" :to="`/video/${item.videoId}`">
|
|
|
- <img class="carousel_image_type" :src="item.coverUrl" alt="img">
|
|
|
- </router-link>
|
|
|
- </el-carousel-item>
|
|
|
- </el-carousel>
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <el-row class="movie-list">
|
|
|
+ <el-row>
|
|
|
+ <el-col :md="12">
|
|
|
+ <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
|
|
|
+ <site-notice />
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ <el-col :md="12">
|
|
|
+ <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
|
|
|
+ <el-carousel :interval="3000" height="300px">
|
|
|
+ <el-carousel-item v-for="(item, index) in carouselList" :key="index">
|
|
|
+ <router-link target="_blank" :to="`/video/${item.videoId}`">
|
|
|
+ <img class="carousel_image_type" :src="item.coverUrl" alt="img">
|
|
|
+ </router-link>
|
|
|
+ </el-carousel-item>
|
|
|
+ </el-carousel>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
<el-scrollbar style="width: 100%; height: 100vh">
|
|
|
- <el-row class="movie-list">
|
|
|
+ <el-row>
|
|
|
<el-row
|
|
|
v-if="dataList.length !== 0"
|
|
|
v-infinite-scroll="load"
|
|
|
@@ -183,16 +181,17 @@ export default {
|
|
|
/*处于手机屏幕时*/
|
|
|
@media screen and (max-width: 768px){
|
|
|
.movie-list {
|
|
|
- padding-top: 8px;
|
|
|
+ padding-top: 5px;
|
|
|
padding-left: 0.5%;
|
|
|
padding-right: 0.5%;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.movie-list {
|
|
|
- padding-top: 15px;
|
|
|
- padding-left: 6%;
|
|
|
- padding-right: 6%;
|
|
|
+ padding-top: 5px;
|
|
|
+ padding-bottom: 5px;
|
|
|
+ padding-left: 5px;
|
|
|
+ padding-right: 5px;
|
|
|
}
|
|
|
|
|
|
.not-result {
|