From 7747e3a10e3cf57cba4def16b58abb75486e90fb Mon Sep 17 00:00:00 2001 From: chutingting Date: Fri, 12 Jan 2024 22:58:33 +0800 Subject: [PATCH] fixbug --- src/components/hotNews/index.vue | 42 +++++-- src/components/swiperHor/index.vue | 2 +- src/views/about/index.vue | 1 - src/views/home/index.vue | 178 +-------------------------- src/views/information/index.vue | 37 +----- src/views/metadaily/index.vue | 187 +++-------------------------- 6 files changed, 63 insertions(+), 384 deletions(-) diff --git a/src/components/hotNews/index.vue b/src/components/hotNews/index.vue index 7dee7ee..4a44e11 100644 --- a/src/components/hotNews/index.vue +++ b/src/components/hotNews/index.vue @@ -1,17 +1,17 @@ @@ -66,7 +90,6 @@ export default { .hottxt { display: flex; - justify-content: space-around; flex-direction: column; align-items: center; flex: 1; @@ -76,6 +99,7 @@ export default { justify-content: space-between; align-items: center; width: 95%; + margin-top: 15px; .tle { z-index: 9; font-size: 26px; diff --git a/src/components/swiperHor/index.vue b/src/components/swiperHor/index.vue index f1c074f..f89f5e7 100644 --- a/src/components/swiperHor/index.vue +++ b/src/components/swiperHor/index.vue @@ -28,7 +28,7 @@ - + diff --git a/src/views/about/index.vue b/src/views/about/index.vue index 45476af..e2b0b75 100644 --- a/src/views/about/index.vue +++ b/src/views/about/index.vue @@ -234,7 +234,6 @@ export default { .content { align-items: center; } - padding-bottom: 80px; .top { min-height: 470px; margin-bottom: 40px; diff --git a/src/views/home/index.vue b/src/views/home/index.vue index 216975f..5029fce 100644 --- a/src/views/home/index.vue +++ b/src/views/home/index.vue @@ -25,24 +25,7 @@ -
- -
-
- 热点新闻 - MORE+ -
-
- -
-
-
+ @@ -84,7 +67,7 @@ - + @@ -93,6 +76,7 @@ import { lunboList, carNewsHotList, guanggao, link, yuanyuzhouHotList, hotnewsConfig, hotnews } from '@/api/home.js' import Swiper from '@/components/swiper' import VideoDialog from '@/components/video' +import HotNews from '@/components/hotNews' export default { name: 'home', @@ -114,7 +98,7 @@ export default { hotnewsList: [] } }, - components: { Swiper, VideoDialog }, + components: { Swiper, VideoDialog, HotNews }, mounted () { this.gethotnewsConfig() this.getlunboList() @@ -190,17 +174,7 @@ export default { const { data: { message, data } } = await hotnews() console.log(data) if (message === 'success') { - this.hotnews.title = data.list[0].title - this.hotnews.img = data.list[0].image - this.hotnews.detail = data.list[0].detail - for (let index = 1; index < data.list.length; index++) { - this.hotnewsList.push({ - title: data.list[index].title, - img: data.list[index].image, - subtitle: data.list[index].subTitle, - detail: data.list[index].detail - }) - } + this.hotnewsList = data.list } }, } @@ -246,148 +220,6 @@ export default { .top, .bottom { width: 100%; } - .hotnews { - min-height: 100px; - margin-top: 20px; - min-height: 470px; - background-color: #FFFFFF; - display: flex; - margin-bottom: 30px; - background-image: url('../../assets/hotTopLeft.png'); - background-position: 101% 0; /* 调整这些值来改变显示的部分 */ - background-size: 30% 50%; /* 使用 'cover' 或 'contain',或者设置具体尺寸 */ - background-repeat: no-repeat; - #imgtxt { - width: 560px; - position: relative; - display: flex; - justify-content: center; - align-items: center; - margin-left: 20px; - img { - width: 560px; - } - .newsTitle{ - position: absolute; - bottom: 5%; - left: 0; - display: inline-block; - font-size: 18px; - font-weight: bold; - color: #FFFFFF; - line-height: 48px; - width: 100%; - background-color: #0000007e; - } - } - - #hottxt { - display: flex; - justify-content: space-around; - flex-direction: column; - align-items: center; - flex: 1; - margin-left: 35px; - #htitle { - display: flex; - justify-content: space-between; - align-items: center; - width: 95%; - .tle { - z-index: 9; - font-size: 26px; - font-weight: bold; - color: #00161C; - line-height: 48px; - display: inline-block; - position: relative; - text-decoration: none; /* 移除默认的下划线 */ - } - .tle::after { - content: ''; - position: absolute; - left: -15px; - bottom: 10px; - width: 65%; - height: 6px; /* 横线高度为文字高度的一半 */ - background-color: #07CAAF;; /* 横线颜色与文字颜色相同 */ - z-index: -1; - } - .el-button { - font-size: 16px; - font-weight: bold; - color: #07CAAF; - line-height: 48px; - cursor: pointer; - z-index: 9999; - } - } - } - #hotList { - height: 76%; - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; - .list { - z-index: 999; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - width: 150px; - margin-right: 39px; - img { - width: 150px; - height: 112px; - border-radius: 10px; - } - a { - font-size: 14px; - font-weight: 400; - color: #010101; - margin-top: 14px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - width: 150px; - // line-height: 48px; - } - } - } - .top { - margin-bottom: 30px; - background-color: #FFFFFF; - display: flex; - background-image: url('../../assets/hotTopLeft.png'); - background-position: 101% 0; /* 调整这些值来改变显示的部分 */ - background-size: 30% 50%; /* 使用 'cover' 或 'contain',或者设置具体尺寸 */ - background-repeat: no-repeat; - #imgtxt { - width: 560px; - position: relative; - display: flex; - justify-content: center; - align-items: center; - margin-left: 20px; - img { - width: 560px; - } - .newsTitle{ - position: absolute; - bottom: 5%; - left: 0; - display: inline-block; - font-size: 18px; - font-weight: bold; - color: #FFFFFF; - line-height: 48px; - width: 100%; - background-color: #0000007e; - } - } - } - } .top { // min-height: 470px; // background: black; diff --git a/src/views/information/index.vue b/src/views/information/index.vue index 80f2d3d..0d40e39 100644 --- a/src/views/information/index.vue +++ b/src/views/information/index.vue @@ -3,24 +3,7 @@
-
- -
-
- 热点新闻 - MORE+ -
-
- -
-
-
+ @@ -63,7 +46,7 @@
- + @@ -72,6 +55,7 @@ import Swiper from '@/components/swiper' import { lunboList, hotNewsConfig, guanggao, hotlist, videoList, carArticle } from '@/api/car.js' import VideoDialog from '@/components/video' +import HotNews from '@/components/hotNews' export default { name: 'information', data () { @@ -97,7 +81,8 @@ export default { }, components: { Swiper, - VideoDialog + VideoDialog, + HotNews }, mounted () { this.gethotnewsConfig() @@ -144,17 +129,7 @@ export default { async gethotlist () { const { data: { message, data } } = await hotlist() if (message === 'success') { - this.hotnews.title = data.list[0].title - this.hotnews.img = data.list[0].image - this.hotnews.detail = data.list[0].detail - for (let index = 1; index < data.list.length; index++) { - this.hotnewsList.push({ - title: data.list[index].title, - img: data.list[index].image, - subtitle: data.list[index].subTitle, - detail: data.list[index].detail - }) - } + this.hotnewsList = data.list } }, async getvideoList () { diff --git a/src/views/metadaily/index.vue b/src/views/metadaily/index.vue index 4f1d0ba..c71acd5 100644 --- a/src/views/metadaily/index.vue +++ b/src/views/metadaily/index.vue @@ -3,24 +3,7 @@
-
- -
-
- 热点新闻 - MORE+ -
-
- -
-
-
+
@@ -74,6 +57,7 @@