From c6ba70e762c07c2f8ae3e52fe49c582895abc323 Mon Sep 17 00:00:00 2001 From: chutingting Date: Fri, 12 Jan 2024 22:05:30 +0800 Subject: [PATCH] fixbug --- src/api/aigc.js | 4 +- src/api/car.js | 11 ++ src/api/metadaily.js | 4 +- src/components/hotNews/index.vue | 174 +++++++++++++++++++++++++++++ src/components/swiperHor/index.vue | 63 ++++++----- src/views/aigc/index.vue | 26 +---- src/views/home/index.vue | 19 ---- src/views/information/index.vue | 20 ++-- src/views/metadaily/index.vue | 41 ++----- 9 files changed, 250 insertions(+), 112 deletions(-) create mode 100644 src/components/hotNews/index.vue diff --git a/src/api/aigc.js b/src/api/aigc.js index 26e6b6b..ff2397e 100644 --- a/src/api/aigc.js +++ b/src/api/aigc.js @@ -4,7 +4,7 @@ import request from './request' * 数字人视频 * @returns request */ -export const videoList = (num = 1, size = 10) => { +export const videoList = (num = 1, size = 100) => { return request({ method: 'GET', url: `/aigc/videoList?pageNum=${num}&pageSize=${size}` @@ -15,7 +15,7 @@ export const videoList = (num = 1, size = 10) => { * 数字人直播(共用轮播) * @returns request */ -export const shuzirenZhiBoList = (num = 1, size = 10) => { +export const shuzirenZhiBoList = (num = 1, size = 100) => { return request({ method: 'GET', url: `/aigc/shuzirenZhiBoList?pageNum=${num}&pageSize=${size}` diff --git a/src/api/car.js b/src/api/car.js index 0b0c69a..e9c9c7c 100644 --- a/src/api/car.js +++ b/src/api/car.js @@ -32,6 +32,17 @@ export const hotlist = (num = 1, size = 10) => { }) } +/** + * 热点文章 + * @returns request + */ +export const carArticle = () => { + return request({ + method: 'GET', + url: '/news/list?pageNum=1&pageSize=6&type=2' + }) +} + /** * 广告 * @returns request diff --git a/src/api/metadaily.js b/src/api/metadaily.js index 4e1b083..bec00f3 100644 --- a/src/api/metadaily.js +++ b/src/api/metadaily.js @@ -48,10 +48,10 @@ export const hotnews = (num = 1, size = 10) => { * 资讯 * @returns request */ -export const zixun = (num = 1, size = 10, flag = 'XR') => { +export const zixun = (num = 1, size = 10) => { return request({ method: 'GET', - url: `/news/list?pageNum=${num}&pageSize=4&type=3&subType=31&tag=${flag}` + url: `/news/list?pageNum=${num}&pageSize=4&type=3&subType=31` }) } diff --git a/src/components/hotNews/index.vue b/src/components/hotNews/index.vue new file mode 100644 index 0000000..7dee7ee --- /dev/null +++ b/src/components/hotNews/index.vue @@ -0,0 +1,174 @@ + + + \ No newline at end of file diff --git a/src/components/swiperHor/index.vue b/src/components/swiperHor/index.vue index 638b6e8..f1c074f 100644 --- a/src/components/swiperHor/index.vue +++ b/src/components/swiperHor/index.vue @@ -4,21 +4,19 @@
@@ -38,13 +39,22 @@ import Swiper from 'swiper' import 'swiper/dist/js/swiper' import 'swiper/dist/css/swiper.css' +import VideoDialog from '@/components/video' export default { name: 'bannerSwiper', props: { - bannerArray: Array + bannerArray: Array, + type: { + type: String, + default: '' + } }, + components: { VideoDialog }, data() { - return { } + return { + videoDialogVisible: false, + videoUrl: '', + } }, mounted() { setTimeout(() => { @@ -67,16 +77,9 @@ export default { loop: true }) }, - videoPlayer (value, play) { - const id = document.getElementById(value) - const playid = document.getElementById(play) - if (id.paused) { - id.play() - playid.style.display = 'none' - } else { - id.pause() - playid.style.display = 'block' - } + videoFn (item) { + this.videoUrl = item.link + this.videoDialogVisible = true } } } @@ -113,6 +116,10 @@ export default { width: 230px; display: block; } + .imagezb{ + position: relative; + width: 230px; + } .el-button { margin-left: -73px; border: none; @@ -152,9 +159,10 @@ export default { .play { position: absolute; margin: 0 auto; - top: 50%; - margin-left: 40%; - margin-top: -60px; + top: 165px; + left: 50%; + margin-left: -27.5px; + width: 55px; } video { width: 230px; @@ -170,8 +178,11 @@ export default { a { width: 100%; display: inline-block; - text-align: left; - line-height: 30px; + text-align: center; + font-size: 18px; + font-weight: 400; + color: #030303; + line-height: 24px; } .contentzb{ margin-top: 10px; diff --git a/src/views/aigc/index.vue b/src/views/aigc/index.vue index 9c17011..fb5d7ab 100644 --- a/src/views/aigc/index.vue +++ b/src/views/aigc/index.vue @@ -50,9 +50,9 @@
@@ -67,7 +67,7 @@ - +
@@ -169,29 +169,13 @@ export default { async getshuzirenZhiBoList () { const { data: { message, data } } = await shuzirenZhiBoList() if (message === 'success') { - for (const iter of data.list) { - this.aigczb.push({ - img: iter.image.split('?')[0], - name: iter.title, - content: iter.subTitle, - flag: 'image' - }) - } + this.aigczb = data.list } }, async getvideoList () { const { data: { message, data } } = await videoList() if (message === 'success') { - for (const iter of data.list) { - console.log(iter, '111111') - this.aigcsp.push({ - video: iter.link ? iter.link : '', - img: iter.image.split('?')[0], - name: iter.subTitle ? iter.subTitle : '主播名', - content: iter.title, - flag: 'video' - }) - } + this.aigcsp = data.list } }, changenews (item) { diff --git a/src/views/home/index.vue b/src/views/home/index.vue index eb79116..216975f 100644 --- a/src/views/home/index.vue +++ b/src/views/home/index.vue @@ -174,16 +174,6 @@ export default { const { data: { message, data: { list } } } = await yuanyuzhouHotList() if (message === 'success') { this.daliay = list - // for (const iter of list) { - // this.daliay.left.push({ - // title: iter.news.title, - // content: iter.news.detail - // }) - // this.daliay.right.push({ - // img: iter.news.image, - // video: iter.news.video - // }) - // } } }, async gethotnewsConfig () { @@ -195,15 +185,6 @@ export default { videoPlayer (item) { this.videoUrl = item.news.video this.videoDialogVisible = true - // const id = document.getElementById(value) - // const playid = document.getElementById(play) - // if (id.paused) { - // id.play() - // playid.style.display = 'none' - // } else { - // id.pause() - // playid.style.display = 'block' - // } }, async gethotlist () { const { data: { message, data } } = await hotnews() diff --git a/src/views/information/index.vue b/src/views/information/index.vue index b7a5bf7..80f2d3d 100644 --- a/src/views/information/index.vue +++ b/src/views/information/index.vue @@ -53,10 +53,10 @@
@@ -70,7 +70,7 @@