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