| @@ -14,7 +14,7 @@ | |||||
| <div class="top"> | <div class="top"> | ||||
| <el-carousel :interval="4000" type="card" height="200px" arrow="always" v-model="currentIndex" @change="handleChange" ref="carousel"> | <el-carousel :interval="4000" type="card" height="200px" arrow="always" v-model="currentIndex" @change="handleChange" ref="carousel"> | ||||
| <el-carousel-item v-for="(item, index) in carvideoList" :key="index"> | <el-carousel-item v-for="(item, index) in carvideoList" :key="index"> | ||||
| <div class="carvideo"> | |||||
| <div class="carvideo" :class="currentIndex === index ? 'carvideoShadow' : ''"> | |||||
| <img class="videoImage" :src="item.image" /> | <img class="videoImage" :src="item.image" /> | ||||
| <img class="play" src="@/assets/play.png" @click="videoPlayer(item)"> | <img class="play" src="@/assets/play.png" @click="videoPlayer(item)"> | ||||
| </div> | </div> | ||||
| @@ -344,8 +344,14 @@ export default { | |||||
| display: flex; | display: flex; | ||||
| flex-direction: column; | flex-direction: column; | ||||
| align-items: center; | align-items: center; | ||||
| .carvideoShadow{ | |||||
| box-shadow: 0 2px 12px 0 #666; | |||||
| margin: 12px; | |||||
| } | |||||
| .carvideo { | .carvideo { | ||||
| position: relative; | position: relative; | ||||
| position: relative; | |||||
| border-radius: 15px; | |||||
| .play { | .play { | ||||
| position: absolute; | position: absolute; | ||||
| margin: 0 auto; | margin: 0 auto; | ||||