|
|
|
@@ -12,14 +12,13 @@ |
|
|
|
<div id="daliay">
|
|
|
|
<div class="content">
|
|
|
|
<div class="top">
|
|
|
|
<el-carousel :interval="4000" type="card" height="200px" arrow="always">
|
|
|
|
<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">
|
|
|
|
<div class="carvideo">
|
|
|
|
<!-- <video :id="'davideo'+index" :src="item.video" @click="videoPlayer(`davideo${index}`, `daplay${index}`)"/> -->
|
|
|
|
<img class="videoImage" :src="item.image" />
|
|
|
|
<img class="play" src="@/assets/play.png" @click="videoPlayer(item)" :id="'daplay'+index">
|
|
|
|
<img class="play" src="@/assets/play.png" @click="videoPlayer(item)">
|
|
|
|
</div>
|
|
|
|
<a>{{ item.title }}</a>
|
|
|
|
<a v-if="currentIndex === index">{{ item.title }}</a>
|
|
|
|
</el-carousel-item>
|
|
|
|
</el-carousel>
|
|
|
|
</div>
|
|
|
|
@@ -60,23 +59,17 @@ export default { |
|
|
|
name: 'information',
|
|
|
|
data () {
|
|
|
|
return {
|
|
|
|
carouselList: [
|
|
|
|
// { src: '/car1.png', title: '吉利11月销量再刷新纪录,新能源转型成效凸显', subtitle: '国际汽车企业如果现在一旦脱离了中国市场,再想回来就不可能了。必须了解这个发展的趋势,只有参与才有机会。' },
|
|
|
|
// { src: '/car2.png', title: '吉利11月销量再刷新纪录,新能源转型成效凸显', subtitle: '国际汽车企业如果现在一旦脱离了中国市场,再想回来就不可能了。必须了解这个发展的趋势,只有参与才有机会。' }
|
|
|
|
],
|
|
|
|
hotnews: {
|
|
|
|
title: '这两款产品也将采用“CHN”的模式进行研发',
|
|
|
|
img: '/hotnew.png'
|
|
|
|
},
|
|
|
|
carouselList: [],
|
|
|
|
hotnews: {},
|
|
|
|
hotnewsList: [],
|
|
|
|
carvideoList: [],
|
|
|
|
carList: [],
|
|
|
|
display: 1,
|
|
|
|
gg1: {},
|
|
|
|
gg2: {},
|
|
|
|
activeIndex: null,
|
|
|
|
videoDialogVisible: '',
|
|
|
|
videoUrl: ''
|
|
|
|
videoUrl: '',
|
|
|
|
currentIndex: 0
|
|
|
|
}
|
|
|
|
},
|
|
|
|
components: {
|
|
|
|
@@ -93,6 +86,9 @@ export default { |
|
|
|
this.getCarArticle()
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
handleChange(newIndex) {
|
|
|
|
this.currentIndex = newIndex;
|
|
|
|
},
|
|
|
|
routerToarticleDetails (value) {
|
|
|
|
localStorage.setItem('article', value)
|
|
|
|
this.$router.push({ path: '/articleDetails' })
|
|
|
|
@@ -196,7 +192,7 @@ export default { |
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.top {
|
|
|
|
min-height: 470px;
|
|
|
|
min-height: 410px;
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
display: flex;
|
|
|
|
#imgtxt {
|
|
|
|
@@ -347,11 +343,8 @@ export default { |
|
|
|
.el-carousel__item {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
// justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
.carvideo {
|
|
|
|
// width: 660px;
|
|
|
|
// height: 90%;
|
|
|
|
position: relative;
|
|
|
|
.play {
|
|
|
|
position: absolute;
|
|
|
|
|