|
|
@@ -35,8 +35,9 @@ |
|
|
|
</div>
|
|
|
|
<div id="daliay">
|
|
|
|
<div class="content">
|
|
|
|
<div class="top">
|
|
|
|
<div class="htitle">
|
|
|
|
<!-- <div class="top">
|
|
|
|
</div> -->
|
|
|
|
<div class="htitle">
|
|
|
|
<a class="tle">资讯</a>
|
|
|
|
<div class="item">
|
|
|
|
<a v-for="item in information" :key="item" @click="changenews(item)" :class="{ clk: informationitem === item }">{{ item }}</a>
|
|
|
@@ -44,16 +45,14 @@ |
|
|
|
<el-button type="text">MORE+</el-button>
|
|
|
|
</div>
|
|
|
|
<div id="hotList">
|
|
|
|
<div class="list" v-for="(item, index) in carList" :key="index">
|
|
|
|
<div class="list" v-for="(item, index) in zixun" :key="index">
|
|
|
|
<img :src="item.img">
|
|
|
|
<div class="txt">
|
|
|
|
<a class="title">{{ item.title }}</a>
|
|
|
|
<a class="subtitle">{{ item.subtitle }}</a>
|
|
|
|
</div>
|
|
|
|
<!-- <a>{{ item.title }}</a> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="gg">
|
|
|
@@ -69,7 +68,7 @@ |
|
|
|
<el-button type="text">MORE+</el-button>
|
|
|
|
</div>
|
|
|
|
<div id="hotList">
|
|
|
|
<div class="list" v-for="(item, index) in carList" :key="index">
|
|
|
|
<div class="list" v-for="(item, index) in shendu" :key="index">
|
|
|
|
<img :src="item.img">
|
|
|
|
<div class="txt">
|
|
|
|
<a class="title">{{ item.title }}</a>
|
|
|
@@ -84,8 +83,8 @@ |
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
// hotnews
|
|
|
|
import { guanggao, lunboList, hotNewsConfig, shendu, zixun } from '@/api/metadaily.js'
|
|
|
|
// zixun
|
|
|
|
import { guanggao, lunboList, hotNewsConfig, shendu, hotnews } from '@/api/metadaily.js'
|
|
|
|
export default {
|
|
|
|
name: 'metadaily',
|
|
|
|
data () {
|
|
|
@@ -98,55 +97,29 @@ export default { |
|
|
|
// { src: '/car1.png', title: '吉利11月销量再刷新纪录,新能源转型成效凸显', subtitle: '国际汽车企业如果现在一旦脱离了中国市场,再想回来就不可能了。必须了解这个发展的趋势,只有参与才有机会。' },
|
|
|
|
// { src: '/car2.png', title: '吉利11月销量再刷新纪录,新能源转型成效凸显', subtitle: '国际汽车企业如果现在一旦脱离了中国市场,再想回来就不可能了。必须了解这个发展的趋势,只有参与才有机会。' }
|
|
|
|
],
|
|
|
|
hotnews: {
|
|
|
|
title: '这两款产品也将采用“CHN”的模式进行研发',
|
|
|
|
img: '/aigc.png'
|
|
|
|
},
|
|
|
|
hotnewsList: [
|
|
|
|
{
|
|
|
|
title: '广汽本田插混旗舰双子',
|
|
|
|
img: '/aigclist.png'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
title: '强不强?吉利银河E8全景',
|
|
|
|
img: '/aigclist.png'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
title: '智己汽车正式获准L3级',
|
|
|
|
img: '/aigclist.png'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
title: '广汽本田插混旗舰双子',
|
|
|
|
img: '/aigclist.png'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
title: '强不强?吉利银河E8全景',
|
|
|
|
img: '/aigclist.png'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
title: '智己汽车正式获准L3级',
|
|
|
|
img: '/aigclist.png'
|
|
|
|
}
|
|
|
|
],
|
|
|
|
carList: [
|
|
|
|
{
|
|
|
|
img: '/cattxt.png',
|
|
|
|
title: '广汽本田插混旗舰双子',
|
|
|
|
subtitle: '阿维塔科技计划三年推出四款新车,明年则将陆续推出第三款和第四款车型。目前,有2款新车在研发中,代号分别是“15”、“16”,这'
|
|
|
|
}, {
|
|
|
|
img: '/cattxt.png',
|
|
|
|
title: '首款高端纯电MPV翼真Xspace',
|
|
|
|
subtitle: '阿维塔科技计划三年推出四款新车,明年则将陆续推出第三款和第四款车型。目前,有2款新车在研发中,代号分别是“15”、“16”,这'
|
|
|
|
}, {
|
|
|
|
img: '/cattxt.png',
|
|
|
|
title: '广汽本田插混旗舰双子',
|
|
|
|
subtitle: '阿维塔科技计划三年推出四款新车,明年则将陆续推出第三款和第四款车型。目前,有2款新车在研发中,代号分别是“15”、“16”,这'
|
|
|
|
}, {
|
|
|
|
img: '/cattxt.png',
|
|
|
|
title: '首款高端纯电MPV翼真Xspace',
|
|
|
|
subtitle: '阿维塔科技计划三年推出四款新车,明年则将陆续推出第三款和第四款车型。目前,有2款新车在研发中,代号分别是“15”、“16”,这'
|
|
|
|
}
|
|
|
|
],
|
|
|
|
hotnews: {},
|
|
|
|
hotnewsList: [],
|
|
|
|
// carList: [
|
|
|
|
// {
|
|
|
|
// img: '/cattxt.png',
|
|
|
|
// title: '广汽本田插混旗舰双子',
|
|
|
|
// subtitle: '阿维塔科技计划三年推出四款新车,明年则将陆续推出第三款和第四款车型。目前,有2款新车在研发中,代号分别是“15”、“16”,这'
|
|
|
|
// }, {
|
|
|
|
// img: '/cattxt.png',
|
|
|
|
// title: '首款高端纯电MPV翼真Xspace',
|
|
|
|
// subtitle: '阿维塔科技计划三年推出四款新车,明年则将陆续推出第三款和第四款车型。目前,有2款新车在研发中,代号分别是“15”、“16”,这'
|
|
|
|
// }, {
|
|
|
|
// img: '/cattxt.png',
|
|
|
|
// title: '广汽本田插混旗舰双子',
|
|
|
|
// subtitle: '阿维塔科技计划三年推出四款新车,明年则将陆续推出第三款和第四款车型。目前,有2款新车在研发中,代号分别是“15”、“16”,这'
|
|
|
|
// }, {
|
|
|
|
// img: '/cattxt.png',
|
|
|
|
// title: '首款高端纯电MPV翼真Xspace',
|
|
|
|
// subtitle: '阿维塔科技计划三年推出四款新车,明年则将陆续推出第三款和第四款车型。目前,有2款新车在研发中,代号分别是“15”、“16”,这'
|
|
|
|
// }
|
|
|
|
// ],
|
|
|
|
shendu: [],
|
|
|
|
zixun: [],
|
|
|
|
gg1: '',
|
|
|
|
gg2: '',
|
|
|
|
display: 1
|
|
|
@@ -165,9 +138,11 @@ export default { |
|
|
|
methods: {
|
|
|
|
changenews (item) {
|
|
|
|
this.informationitem = item
|
|
|
|
this.getzixun()
|
|
|
|
},
|
|
|
|
changedepth (item) {
|
|
|
|
this.depthitem = item
|
|
|
|
this.getshendu()
|
|
|
|
},
|
|
|
|
async getguanggao () {
|
|
|
|
const { data: { message: ggm1, data: gg1 } } = await guanggao(1)
|
|
|
@@ -197,22 +172,46 @@ export default { |
|
|
|
this.display = display
|
|
|
|
}
|
|
|
|
},
|
|
|
|
// async gethotnews () {
|
|
|
|
// const { data: { message, data } } = await hotnews()
|
|
|
|
// if (message === 'success') {
|
|
|
|
// console.log(data)
|
|
|
|
// }
|
|
|
|
// },
|
|
|
|
async gethotnews () {
|
|
|
|
this.hotnewsList = []
|
|
|
|
const { data: { message, data } } = await hotnews()
|
|
|
|
if (message === 'success') {
|
|
|
|
this.hotnews = {
|
|
|
|
title: data.list[0].title,
|
|
|
|
img: data.list[0].image
|
|
|
|
}
|
|
|
|
for (let index = 1; index < data.list.length; index++) {
|
|
|
|
this.hotnewsList.push({
|
|
|
|
title: data.list[index].title,
|
|
|
|
img: data.list[index].image
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
async getshendu () {
|
|
|
|
const { data: { message, data } } = await shendu()
|
|
|
|
this.shendu = []
|
|
|
|
const { data: { message, data } } = await shendu(1, 10, this.depthitem)
|
|
|
|
if (message === 'success') {
|
|
|
|
console.log(data)
|
|
|
|
for (const iter of data.list) {
|
|
|
|
this.shendu.push({
|
|
|
|
title: iter.title,
|
|
|
|
img: iter.image,
|
|
|
|
subtitle: iter.subTitle
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
async getzixun () {
|
|
|
|
const { data: { message, data } } = await zixun()
|
|
|
|
this.zixun = []
|
|
|
|
const { data: { message, data } } = await shendu(1, 10, this.informationitem)
|
|
|
|
if (message === 'success') {
|
|
|
|
console.log(data)
|
|
|
|
for (const iter of data.list) {
|
|
|
|
this.zixun.push({
|
|
|
|
title: iter.title,
|
|
|
|
img: iter.image,
|
|
|
|
subtitle: iter.subTitle
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|