| @@ -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; | |||
| } | |||
| } | |||
| } | |||