| @@ -1,8 +1,4 @@ | |||||
| import request from './request' | 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) => { | export const guanggao = (index) => { | ||||
| return request({ | return request({ | ||||
| method: 'GET', | method: 'GET', | ||||
| url: `/api/index/guanggao${index}` | |||||
| url: `/api/car/guanggao${index}` | |||||
| }) | }) | ||||
| } | } | ||||
| @@ -7,7 +7,7 @@ import request from './request' | |||||
| export const guanggao = (index) => { | export const guanggao = (index) => { | ||||
| return request({ | return request({ | ||||
| method: 'GET', | method: 'GET', | ||||
| url: `/api/index/guanggao${index}` | |||||
| url: `/api/yuanyuzhou/guanggao${index}` | |||||
| }) | }) | ||||
| } | } | ||||
| @@ -36,6 +36,7 @@ export default { | |||||
| background: none !important; | background: none !important; | ||||
| border-bottom: none !important; | border-bottom: none !important; | ||||
| width: 50%; | width: 50%; | ||||
| min-width: 900px; | |||||
| } | } | ||||
| .el-menu-item { | .el-menu-item { | ||||
| margin-right: 3%; | margin-right: 3%; | ||||
| @@ -67,29 +67,7 @@ export default { | |||||
| content: '', | content: '', | ||||
| img: '' | 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: { | components: { | ||||
| @@ -113,8 +91,17 @@ export default { | |||||
| } | } | ||||
| }, | }, | ||||
| async getmemberList () { | 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 | |||||
| }) | |||||
| } | |||||
| } | |||||
| } | } | ||||
| } | } | ||||
| } | } | ||||
| @@ -219,6 +206,7 @@ export default { | |||||
| line-height: 30px; | line-height: 30px; | ||||
| } | } | ||||
| .content { | .content { | ||||
| min-width: 100px; | |||||
| text-align: left; | text-align: left; | ||||
| width: 80%; | width: 80%; | ||||
| font-size: 16px; | font-size: 16px; | ||||
| @@ -40,7 +40,7 @@ | |||||
| <el-button round>制作数字人</el-button> | <el-button round>制作数字人</el-button> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div class="bottom"/> | |||||
| <div class="bottom" :style="{ backgroundImage: `url(${gg1})` }"/> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div id="daliay"> | <div id="daliay"> | ||||
| @@ -69,14 +69,14 @@ | |||||
| </template> | </template> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div class="bottom"/> | |||||
| <div class="bottom" :style="{ backgroundImage: `url(${gg2})` }"/> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| import SIdentify from '@/components/identify' | import SIdentify from '@/components/identify' | ||||
| import { guanggao, shuzirenremark, shuzirenList, shuzirenZhiBoList, videoList } from '@/api/aigc.js' | |||||
| export default { | export default { | ||||
| name: 'aigc', | name: 'aigc', | ||||
| data () { | data () { | ||||
| @@ -143,13 +143,58 @@ export default { | |||||
| content: '年底购车多少钱能落地价?', | content: '年底购车多少钱能落地价?', | ||||
| flag: 'video' | flag: 'video' | ||||
| } | } | ||||
| ] | |||||
| ], | |||||
| gg1: '', | |||||
| gg2: '' | |||||
| } | } | ||||
| }, | }, | ||||
| components: { | components: { | ||||
| SIdentify | SIdentify | ||||
| }, | }, | ||||
| mounted () { | |||||
| this.identifyCode = '' | |||||
| this.makeCode(this.identifyCodes, 4) | |||||
| this.getguanggao() | |||||
| this.getshuzirenremark() | |||||
| this.getshuzirenList() | |||||
| this.getshuzirenZhiBoList() | |||||
| this.getvideoList() | |||||
| }, | |||||
| methods: { | 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) { | changenews (item) { | ||||
| this.informationitem = item | this.informationitem = item | ||||
| }, | }, | ||||
| @@ -172,10 +217,6 @@ export default { | |||||
| ] | ] | ||||
| } | } | ||||
| } | } | ||||
| }, | |||||
| mounted () { | |||||
| this.identifyCode = '' | |||||
| this.makeCode(this.identifyCodes, 4) | |||||
| } | } | ||||
| } | } | ||||
| </script> | </script> | ||||
| @@ -288,6 +329,7 @@ export default { | |||||
| } | } | ||||
| .content { | .content { | ||||
| width: 100%; | width: 100%; | ||||
| min-width: 100px; | |||||
| text-align: left; | text-align: left; | ||||
| font-size: 18px; | font-size: 18px; | ||||
| font-family: Microsoft YaHei; | font-family: Microsoft YaHei; | ||||
| @@ -10,7 +10,7 @@ | |||||
| </el-carousel> | </el-carousel> | ||||
| <div id="hot"> | <div id="hot"> | ||||
| <div class="content"> | <div class="content"> | ||||
| <div class="top"> | |||||
| <div class="top" v-if="display"> | |||||
| <div id="imgtxt"> | <div id="imgtxt"> | ||||
| <img :src="hotnews.img"> | <img :src="hotnews.img"> | ||||
| <a class="newsTitle">{{ hotnews.title }}</a> | <a class="newsTitle">{{ hotnews.title }}</a> | ||||
| @@ -80,7 +80,7 @@ | |||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| import { guanggao, lunboList } from '@/api/metadaily.js' | |||||
| import { guanggao, lunboList, hotNewsConfig, hotnews } from '@/api/metadaily.js' | |||||
| export default { | export default { | ||||
| name: 'metadaily', | name: 'metadaily', | ||||
| data () { | data () { | ||||
| @@ -143,14 +143,17 @@ export default { | |||||
| } | } | ||||
| ], | ], | ||||
| gg1: '', | gg1: '', | ||||
| gg2: '' | |||||
| gg2: '', | |||||
| display: 1 | |||||
| } | } | ||||
| }, | }, | ||||
| components: { | components: { | ||||
| }, | }, | ||||
| mounted () { | mounted () { | ||||
| this.gethotnewsConfig() | |||||
| this.getguanggao() | this.getguanggao() | ||||
| this.getlunboList() | this.getlunboList() | ||||
| this.gethotnews() | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| changenews (item) { | 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) | |||||
| } | |||||
| } | } | ||||
| } | } | ||||
| } | } | ||||