| @@ -1,8 +1,4 @@ | |||
| import request from './request' | |||
| // 公司介绍:文字+图 (共用广告位) | |||
| // GET: /aboutUs/about | |||
| // 成员介绍:(共用轮播图) | |||
| // GET:/aboutUs/memberList?pageNum=&pageSize= | |||
| /** | |||
| * 公司介绍 | |||
| @@ -1,17 +1,67 @@ | |||
| // import request from './request' | |||
| // 轮播 | |||
| // GET:/aigc/lunboList?pageNum=&pageSize= | |||
| // 数字人形象(共用轮播) | |||
| // GET:/aigc/shuzirenList?pageNum=&pageSize= | |||
| import request from './request' | |||
| // 右边描述:(共用广告位) | |||
| // GET: /aigc/shuzirenremark | |||
| /** | |||
| * 数字人视频 | |||
| * @returns request | |||
| */ | |||
| export const videoList = (num = 1, size = 10) => { | |||
| return request({ | |||
| method: 'GET', | |||
| url: `/api/aigc/videoList?pageNum=${num}&pageSize=${size}` | |||
| }) | |||
| } | |||
| // 广告位1 | |||
| // GET:/aigc/guanggao1 | |||
| // 数字人直播(共用轮播) | |||
| // GET:/aigc/shuzirenZhiBoList?pageNum=&pageSize= | |||
| // 广告位2 | |||
| // GET:/aigc/guanggao2 | |||
| // 数字人视频 | |||
| // GET:/aigc/videoList?pageNum=&pageSize= | |||
| /** | |||
| * 数字人直播(共用轮播) | |||
| * @returns request | |||
| */ | |||
| export const shuzirenZhiBoList = (num = 1, size = 10) => { | |||
| return request({ | |||
| method: 'GET', | |||
| url: `/api/aigc/shuzirenZhiBoList?pageNum=${num}&pageSize=${size}` | |||
| }) | |||
| } | |||
| /** | |||
| * 数字人形象(共用轮播) | |||
| * @returns request | |||
| */ | |||
| export const shuzirenList = (num = 1, size = 10) => { | |||
| return request({ | |||
| method: 'GET', | |||
| url: `/api/aigc/shuzirenList?pageNum=${num}&pageSize=${size}` | |||
| }) | |||
| } | |||
| /** | |||
| * 轮播 | |||
| * @returns request | |||
| */ | |||
| export const lunboList = (num = 1, size = 10) => { | |||
| return request({ | |||
| method: 'GET', | |||
| url: `/api/aigc/lunboList?pageNum=${num}&pageSize=${size}` | |||
| }) | |||
| } | |||
| /** | |||
| * 广告 | |||
| * @returns request | |||
| */ | |||
| export const guanggao = (index) => { | |||
| return request({ | |||
| method: 'GET', | |||
| url: `/api/aigc/guanggao${index}` | |||
| }) | |||
| } | |||
| /** | |||
| * 右边描述:(共用广告位) | |||
| * @returns request | |||
| */ | |||
| export const shuzirenremark = () => { | |||
| return request({ | |||
| method: 'GET', | |||
| url: '/api/aigc/shuzirenremark' | |||
| }) | |||
| } | |||
| @@ -39,7 +39,7 @@ export const hotlist = (num = 1, size = 10) => { | |||
| export const guanggao = (index) => { | |||
| return request({ | |||
| method: 'GET', | |||
| url: `/api/index/guanggao${index}` | |||
| url: `/api/car/guanggao${index}` | |||
| }) | |||
| } | |||
| @@ -7,7 +7,7 @@ import request from './request' | |||
| export const guanggao = (index) => { | |||
| return request({ | |||
| method: 'GET', | |||
| url: `/api/index/guanggao${index}` | |||
| url: `/api/yuanyuzhou/guanggao${index}` | |||
| }) | |||
| } | |||
| @@ -36,6 +36,7 @@ export default { | |||
| background: none !important; | |||
| border-bottom: none !important; | |||
| width: 50%; | |||
| min-width: 900px; | |||
| } | |||
| .el-menu-item { | |||
| margin-right: 3%; | |||
| @@ -55,29 +55,7 @@ export default { | |||
| content: '', | |||
| img: '' | |||
| }, | |||
| ldList: [ | |||
| { | |||
| img: '/ld.png', | |||
| name: '张磊', | |||
| title: 'CEO', | |||
| content: '还推出了一系列的互联网服务和产品,包括在线地图、音乐和视频等。百度的出现为人们提供了更便利的信息搜索' | |||
| }, { | |||
| img: '/ld.png', | |||
| name: '周明希', | |||
| title: 'AI', | |||
| content: '还推出了一系列的互联网服务和产品,包括在线地图、音乐和视频等。百度的出现为人们提供了更便利的信息搜索' | |||
| }, { | |||
| img: '/ld.png', | |||
| name: '周明希', | |||
| title: 'AI', | |||
| content: '还推出了一系列的互联网服务和产品,包括在线地图、音乐和视频等。百度的出现为人们提供了更便利的信息搜索' | |||
| }, { | |||
| img: '/ld.png', | |||
| name: '周明希', | |||
| title: 'AI', | |||
| content: '还推出了一系列的互联网服务和产品,包括在线地图、音乐和视频等。百度的出现为人们提供了更便利的信息搜索' | |||
| } | |||
| ] | |||
| ldList: [] | |||
| } | |||
| }, | |||
| components: { | |||
| @@ -101,8 +79,17 @@ export default { | |||
| } | |||
| }, | |||
| async getmemberList () { | |||
| const { data } = await memberList() | |||
| console.log(data) | |||
| const { data: { message, data } } = await memberList() | |||
| if (message === 'success') { | |||
| for (const iter of data.list) { | |||
| this.ldList.push({ | |||
| img: iter.image, | |||
| name: iter.remark, | |||
| title: iter.title, | |||
| content: iter.subTitle | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| } | |||
| } | |||
| @@ -140,6 +127,7 @@ export default { | |||
| justify-content: center; | |||
| background: #E3E5EA; | |||
| .content { | |||
| min-width: 1100px; | |||
| width: 60%; | |||
| height: 90%; | |||
| display: flex; | |||
| @@ -208,6 +196,7 @@ export default { | |||
| line-height: 30px; | |||
| } | |||
| .content { | |||
| min-width: 100px; | |||
| text-align: left; | |||
| width: 80%; | |||
| font-size: 16px; | |||
| @@ -40,7 +40,7 @@ | |||
| <el-button round>制作数字人</el-button> | |||
| </div> | |||
| </div> | |||
| <div class="bottom"/> | |||
| <div class="bottom" :style="{ backgroundImage: `url(${gg1})` }"/> | |||
| </div> | |||
| </div> | |||
| <div id="daliay"> | |||
| @@ -69,14 +69,14 @@ | |||
| </template> | |||
| </div> | |||
| </div> | |||
| <div class="bottom"/> | |||
| <div class="bottom" :style="{ backgroundImage: `url(${gg2})` }"/> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import SIdentify from '@/components/identify' | |||
| import { guanggao, shuzirenremark, shuzirenList, shuzirenZhiBoList, videoList } from '@/api/aigc.js' | |||
| export default { | |||
| name: 'aigc', | |||
| data () { | |||
| @@ -149,13 +149,58 @@ export default { | |||
| content: '年底购车多少钱能落地价?', | |||
| flag: 'video' | |||
| } | |||
| ] | |||
| ], | |||
| gg1: '', | |||
| gg2: '' | |||
| } | |||
| }, | |||
| components: { | |||
| SIdentify | |||
| }, | |||
| mounted () { | |||
| this.identifyCode = '' | |||
| this.makeCode(this.identifyCodes, 4) | |||
| this.getguanggao() | |||
| this.getshuzirenremark() | |||
| this.getshuzirenList() | |||
| this.getshuzirenZhiBoList() | |||
| this.getvideoList() | |||
| }, | |||
| methods: { | |||
| 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 | |||
| } | |||
| }, | |||
| async getshuzirenremark () { | |||
| const { data: { message, data } } = await shuzirenremark() | |||
| if (message === 'success') { | |||
| this.aitxt.title = data.title | |||
| this.aitxt.content = data.remark | |||
| } | |||
| }, | |||
| async getshuzirenList () { | |||
| const { data: { message, data } } = await shuzirenList() | |||
| if (message === 'success') { | |||
| console.log(data) | |||
| } | |||
| }, | |||
| async getshuzirenZhiBoList () { | |||
| const { data: { message, data } } = await shuzirenZhiBoList() | |||
| if (message === 'success') { | |||
| console.log(data) | |||
| } | |||
| }, | |||
| async getvideoList () { | |||
| const { data: { message, data } } = await videoList() | |||
| if (message === 'success') { | |||
| console.log(data) | |||
| } | |||
| }, | |||
| changenews (item) { | |||
| this.informationitem = item | |||
| }, | |||
| @@ -178,10 +223,6 @@ export default { | |||
| ] | |||
| } | |||
| } | |||
| }, | |||
| mounted () { | |||
| this.identifyCode = '' | |||
| this.makeCode(this.identifyCodes, 4) | |||
| } | |||
| } | |||
| </script> | |||
| @@ -250,6 +291,7 @@ export default { | |||
| flex-direction: column; | |||
| justify-content: center; | |||
| .content { | |||
| min-width: 1100px; | |||
| width: 60%; | |||
| height: 90%; | |||
| display: flex; | |||
| @@ -294,6 +336,7 @@ export default { | |||
| } | |||
| .content { | |||
| width: 100%; | |||
| min-width: 100px; | |||
| text-align: left; | |||
| font-size: 18px; | |||
| font-family: Microsoft YaHei; | |||
| @@ -198,6 +198,7 @@ export default { | |||
| justify-content: center; | |||
| .content { | |||
| width: 60%; | |||
| min-width: 1100px; | |||
| height: 90%; | |||
| display: flex; | |||
| flex-direction: column; | |||
| @@ -345,6 +346,7 @@ export default { | |||
| #wk { | |||
| background-image: url('../../assets/wk.png'); | |||
| width: 100%; | |||
| // min-width: 1920px; | |||
| height: 830px; | |||
| background-size: 100% 100%; | |||
| position: relative; | |||
| @@ -247,6 +247,7 @@ export default { | |||
| flex-direction: column; | |||
| justify-content: center; | |||
| .content { | |||
| min-width: 1100px; | |||
| width: 60%; | |||
| height: 90%; | |||
| display: flex; | |||
| @@ -10,7 +10,7 @@ | |||
| </el-carousel> | |||
| <div id="hot"> | |||
| <div class="content"> | |||
| <div class="top"> | |||
| <div class="top" v-if="display"> | |||
| <div id="imgtxt"> | |||
| <img :src="hotnews.img"> | |||
| <a class="newsTitle">{{ hotnews.title }}</a> | |||
| @@ -80,7 +80,7 @@ | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import { guanggao, lunboList } from '@/api/metadaily.js' | |||
| import { guanggao, lunboList, hotNewsConfig, hotnews } from '@/api/metadaily.js' | |||
| export default { | |||
| name: 'metadaily', | |||
| data () { | |||
| @@ -143,14 +143,17 @@ export default { | |||
| } | |||
| ], | |||
| gg1: '', | |||
| gg2: '' | |||
| gg2: '', | |||
| display: 1 | |||
| } | |||
| }, | |||
| components: { | |||
| }, | |||
| mounted () { | |||
| this.gethotnewsConfig() | |||
| this.getguanggao() | |||
| this.getlunboList() | |||
| this.gethotnews() | |||
| }, | |||
| methods: { | |||
| changenews (item) { | |||
| @@ -179,6 +182,18 @@ export default { | |||
| }) | |||
| } | |||
| } | |||
| }, | |||
| async gethotnewsConfig () { | |||
| const { data: { message, data: { display } } } = await hotNewsConfig() | |||
| if (message === 'success') { | |||
| this.display = display | |||
| } | |||
| }, | |||
| async gethotnews () { | |||
| const { data: { message, data } } = await hotnews() | |||
| if (message === 'success') { | |||
| console.log(data) | |||
| } | |||
| } | |||
| } | |||
| } | |||
| @@ -223,6 +238,7 @@ export default { | |||
| flex-direction: column; | |||
| justify-content: center; | |||
| .content { | |||
| min-width: 1100px; | |||
| width: 60%; | |||
| height: 90%; | |||
| display: flex; | |||