@@ -23,10 +23,10 @@ | |||
</div> | |||
<div id="hotList"> | |||
<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> | |||
@@ -93,14 +93,7 @@ export default { | |||
async getmemberList () { | |||
const { data: { message, data } } = await memberList() | |||
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="top"> | |||
<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 class="aitxt"> | |||
<a class="title">{{ aitxt.title }}</a> | |||
@@ -158,12 +158,7 @@ export default { | |||
async getshuzirenList () { | |||
const { data: { message, data } } = await shuzirenList() | |||
if (message === 'success') { | |||
for (const iter of data.list) { | |||
this.ailist.push({ | |||
img: iter.image, | |||
label: iter.title | |||
}) | |||
} | |||
this.ailist = data.list | |||
} | |||
}, | |||
async getshuzirenZhiBoList () { | |||
@@ -92,8 +92,8 @@ export default { | |||
daliay: [], | |||
display: 0, | |||
hotnews: { | |||
title: '这两款产品也将采用“CHN”的模式进行研发', | |||
img: '/hotnew.png' | |||
title: '', | |||
img: '' | |||
}, | |||
hotnewsList: [] | |||
} | |||
@@ -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; | |||
@@ -135,19 +135,6 @@ export default { | |||
const { data: { message, data } } = await hotnews() | |||
if (message === 'success') { | |||
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 () { | |||