From d5216f6e1ebef96325c4aea1038316aa75cd366f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=88=91=E5=8F=ABMT?= <18253750314@163.com> Date: Thu, 11 Jan 2024 03:20:58 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=87=E7=AB=A0=E8=B7=B3=E8=BD=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/about.js | 11 +++ src/components/header.vue | 7 +- src/views/about/index.vue | 19 ++++- src/views/aigc/index.vue | 34 +++++--- src/views/article/details.vue | 13 ++-- src/views/home/index.vue | 25 ++++-- src/views/information/index.vue | 132 +++++++++++--------------------- src/views/metadaily/index.vue | 86 +++++++++++---------- 8 files changed, 167 insertions(+), 160 deletions(-) diff --git a/src/api/about.js b/src/api/about.js index bafafee..1a02d4a 100644 --- a/src/api/about.js +++ b/src/api/about.js @@ -21,3 +21,14 @@ export const memberList = (num = 1, size = 10) => { url: `/aboutUs/memberList?pageNum=${num}&pageSize=${size}` }) } + +/** + * 广告 + * @returns request + */ +export const guanggao = (index) => { + return request({ + method: 'GET', + url: `/aigc/guanggao${index}` + }) +} diff --git a/src/components/header.vue b/src/components/header.vue index af1075a..bd57eb6 100644 --- a/src/components/header.vue +++ b/src/components/header.vue @@ -8,10 +8,6 @@ router active-text-color="#00ebc3"> {{ item.name }} - diff --git a/src/views/about/index.vue b/src/views/about/index.vue index 801d7ff..9a2dee5 100644 --- a/src/views/about/index.vue +++ b/src/views/about/index.vue @@ -10,7 +10,9 @@ -
+ +
+
@@ -45,7 +47,7 @@
diff --git a/src/views/home/index.vue b/src/views/home/index.vue index 6504d7a..2179fcb 100644 --- a/src/views/home/index.vue +++ b/src/views/home/index.vue @@ -36,8 +36,10 @@ -
-
+ +
+ +
@@ -64,7 +66,9 @@
-
+ +
@@ -86,8 +90,8 @@ export default { left: [], right: [] }, - gg1: '', - gg2: '', + gg1: {}, + gg2: {}, alink: '', daliay: { left: [], @@ -140,10 +144,15 @@ export default { async getguanggao () { const { data: { message: ggm1, data: gg1 } } = await guanggao(1) const { data: { message: ggm2, data: gg2 } } = await guanggao(2) - if (ggm1 === 'success' && ggm2 === 'success') { - this.gg1 = gg1.image - this.gg2 = gg2.image + this.gg1 = { + img: gg1.image, + link: gg1.link + } + this.gg2 = { + img: gg2.image, + link: gg2.link + } } }, async getLink () { diff --git a/src/views/information/index.vue b/src/views/information/index.vue index a085d0c..f492895 100644 --- a/src/views/information/index.vue +++ b/src/views/information/index.vue @@ -11,24 +11,26 @@
-
+
热点新闻 - MORE+ + MORE+
-
@@ -41,17 +43,19 @@
-
热点新闻 - MORE+ + MORE+
-
+
{{ item.title }} @@ -77,77 +81,12 @@ export default { title: '这两款产品也将采用“CHN”的模式进行研发', img: '/hotnew.png' }, - hotnewsList: [ - // { - // title: '广汽本田插混旗舰双子', - // img: '/listnews.png' - // }, - // { - // title: '强不强?吉利银河E8全景', - // img: '/listnews.png' - // }, - // { - // title: '智己汽车正式获准L3级', - // img: '/listnews.png' - // }, - // { - // title: '广汽本田插混旗舰双子', - // img: '/listnews.png' - // }, - // { - // title: '强不强?吉利银河E8全景', - // img: '/listnews.png' - // }, - // { - // title: '智己汽车正式获准L3级', - // img: '/listnews.png' - // } - ], - carvideoList: [ - // { - // title: '斯巴鲁全新电动车SOLTERRA定名“岚鲲”', - // img: '/carvideo.png' - // }, - // { - // title: '斯巴鲁全新电动车SOLTERRA定名“岚鲲”', - // img: '/carvideo.png' - // }, - // { - // title: '斯巴鲁全新电动车SOLTERRA定名“岚鲲”', - // img: '/carvideo.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”,这' - // }, { - // img: '/cattxt.png', - // title: '广汽本田插混旗舰双子', - // subtitle: '阿维塔科技计划三年推出四款新车,明年则将陆续推出第三款和第四款车型。目前,有2款新车在研发中,代号分别是“15”、“16”,这' - // }, { - // img: '/cattxt.png', - // title: '首款高端纯电MPV翼真Xspace', - // subtitle: '阿维塔科技计划三年推出四款新车,明年则将陆续推出第三款和第四款车型。目前,有2款新车在研发中,代号分别是“15”、“16”,这' - // } - - ], + hotnewsList: [], + carvideoList: [], + carList: [], display: 1, - gg1: '', - gg2: '' + gg1: {}, + gg2: {} } }, components: { @@ -160,6 +99,13 @@ export default { this.getvideoList() }, methods: { + routerToarticleDetails (value) { + localStorage.setItem('article', value) + this.$router.push({ path: '/articleDetails' }) + }, + routerTo () { + this.$router.push({ path: '/articleList' }) + }, async getlunboList () { const { data: { message, data } } = await lunboList() if (message === 'success') { @@ -182,10 +128,15 @@ export default { async getguanggao () { const { data: { message: ggm1, data: gg1 } } = await guanggao(1) const { data: { message: ggm2, data: gg2 } } = await guanggao(2) - if (ggm1 === 'success' && ggm2 === 'success') { - this.gg1 = gg1.image - this.gg2 = gg2.image + this.gg1 = { + img: gg1.image, + link: gg1.link + } + this.gg2 = { + img: gg2.image, + link: gg2.link + } } }, async gethotlist () { @@ -193,15 +144,19 @@ export default { if (message === 'success') { this.hotnews.title = data.list[0].title this.hotnews.img = data.list[0].image - for (let index = 0; index < 6; index++) { + this.hotnews.detail = data.list[0].detail + for (let index = 1; index < data.list.length; index++) { this.hotnewsList.push({ - title: data.list[0].title, - img: data.list[0].image + title: data.list[index].title, + img: data.list[index].image, + subtitle: data.list[index].subTitle, + detail: data.list[index].detail }) this.carList.push({ - title: data.list[0].title, - img: data.list[0].image, - subtitle: data.list[0].subTitle + title: data.list[index].title, + img: data.list[index].image, + subtitle: data.list[index].subTitle, + detail: data.list[index].detail }) } } @@ -332,6 +287,8 @@ export default { font-weight: bold; color: #07CAAF; line-height: 48px; + cursor: pointer; + z-index: 9999; } } } @@ -342,6 +299,7 @@ export default { justify-content: space-between; align-items: center; .list { + z-index: 999; display: flex; flex-direction: column; align-items: center; @@ -494,6 +452,7 @@ export default { font-weight: bold; color: #07CAAF; line-height: 48px; + z-index: 999; } } #hotList { @@ -501,6 +460,7 @@ export default { flex-wrap: wrap; align-items: center; .list { + z-index: 999; display: flex; justify-content: center; width: 500px; diff --git a/src/views/metadaily/index.vue b/src/views/metadaily/index.vue index e34055a..fca88a0 100644 --- a/src/views/metadaily/index.vue +++ b/src/views/metadaily/index.vue @@ -11,17 +11,17 @@
-
+
热点新闻 - MORE+ + MORE+
-
+ @@ -31,7 +31,9 @@
- + + +
@@ -42,10 +44,10 @@ - MORE+ + MORE+
-
+
{{ item.title }} @@ -56,7 +58,9 @@
- + + +
@@ -65,20 +69,18 @@ - MORE+ + MORE+
-
@@ -93,35 +95,13 @@ export default { informationitem: 'XR', depth: ['XR', 'Web3', 'Ai'], depthitem: 'XR', - carouselList: [ - // { src: '/car1.png', title: '吉利11月销量再刷新纪录,新能源转型成效凸显', subtitle: '国际汽车企业如果现在一旦脱离了中国市场,再想回来就不可能了。必须了解这个发展的趋势,只有参与才有机会。' }, - // { src: '/car2.png', title: '吉利11月销量再刷新纪录,新能源转型成效凸显', subtitle: '国际汽车企业如果现在一旦脱离了中国市场,再想回来就不可能了。必须了解这个发展的趋势,只有参与才有机会。' } - ], + carouselList: [], 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: '', + gg1: {}, + gg2: {}, display: 1 } }, @@ -136,6 +116,13 @@ export default { this.getzixun() }, methods: { + routerToarticleDetails (value) { + localStorage.setItem('article', value) + this.$router.push({ path: '/articleDetails' }) + }, + routerTo () { + this.$router.push({ path: '/articleList' }) + }, changenews (item) { this.informationitem = item this.getzixun() @@ -149,8 +136,14 @@ export default { const { data: { message: ggm2, data: gg2 } } = await guanggao(2) if (ggm1 === 'success' && ggm2 === 'success') { - this.gg1 = gg1.image - this.gg2 = gg2.image + this.gg1 = { + img: gg1.image, + link: gg1.link + } + this.gg2 = { + img: gg2.image, + link: gg2.link + } } }, async getlunboList () { @@ -178,12 +171,15 @@ export default { if (message === 'success') { this.hotnews = { title: data.list[0].title, - img: data.list[0].image + 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 + img: data.list[index].image, + detail: data.list[index].detail }) } } @@ -196,7 +192,8 @@ export default { this.shendu.push({ title: iter.title, img: iter.image, - subtitle: iter.subTitle + subtitle: iter.subTitle, + detail: iter.detail }) } } @@ -209,7 +206,8 @@ export default { this.zixun.push({ title: iter.title, img: iter.image, - subtitle: iter.subTitle + subtitle: iter.subTitle, + detail: iter.detail }) } } @@ -336,6 +334,7 @@ export default { font-weight: bold; color: #07CAAF; line-height: 48px; + z-index: 999; } } } @@ -351,6 +350,7 @@ export default { flex-direction: column; justify-content: center; margin-right: 39px; + z-index: 999; img { width: 150px; height: 112px; @@ -481,6 +481,7 @@ export default { font-weight: bold; color: #07CAAF; line-height: 48px; + z-index: 999; } } #hotList { @@ -493,6 +494,7 @@ export default { .list { display: flex; //width: 50%; + z-index: 999; flex-direction: row !important; //align-items: center; justify-content: center;