Ver código fonte

首页轮播

master
我叫MT 1 ano atrás
pai
commit
c43a464bc2
1 arquivos alterados com 16 adições e 9 exclusões
  1. +16
    -9
      src/views/home/index.vue

+ 16
- 9
src/views/home/index.vue Ver arquivo

@@ -60,7 +60,10 @@
</div>
</div>
<div class="yyzrbimg lr" >
<img :src="daliay.right[index].img" alt="">
<!-- <img :src="daliay.right[index].img" alt=""> -->
<!-- <video></video> -->
<video :id="'davideo'+index" :src="daliay.right[index].video" @click="videoPlayer(`davideo${index}`, `daplay${index}`)"/>
<img class="play" src="@/assets/play.png" @click="videoPlayer(`davideo${index}`, `daplay${index}`)" :id="'daplay'+index">
</div>
</el-carousel-item>
</template>
@@ -170,7 +173,8 @@ export default {
content: iter.news.detail
})
this.daliay.right.push({
img: iter.news.image
img: iter.news.image,
video: iter.news.video
})
}
}
@@ -353,7 +357,6 @@ export default {
background: #F2F4F8;
padding-top: 60px;
.logo {
left: 0;
width: 165px;
}
.content {
@@ -373,7 +376,7 @@ export default {
text-align: left;
margin-right: 50px;
width: 90%;
margin-top: 50px;
margin-top: 35px;
.title {
border-left: 7px solid #07CAAF;
font-size: 36px;
@@ -381,7 +384,7 @@ export default {
color: #0D1114;
width: 90%;
text-align: left;
padding-left:30px;
padding-left:15px;
}
.content {
@@ -391,7 +394,7 @@ export default {
line-height: 30px;
width: 100%;
text-align: left;
margin-top: 40px;
margin-top: 10px;
}
}
.btn {
@@ -412,9 +415,13 @@ export default {
}
.yyzrbimg {
width: 50% !important;
img{
width: 580px;
height: 438px;
position: relative;
.play {
position: absolute;
margin: 0 auto;
top: 50%;
margin-left: 45%;
margin-top: -50px;
}
}
}


Carregando…
Cancelar
Salvar