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