@@ -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%; | ||||
@@ -55,29 +55,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: { | ||||
@@ -101,8 +79,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 | |||||
}) | |||||
} | |||||
} | |||||
} | } | ||||
} | } | ||||
} | } | ||||
@@ -140,6 +127,7 @@ export default { | |||||
justify-content: center; | justify-content: center; | ||||
background: #E3E5EA; | background: #E3E5EA; | ||||
.content { | .content { | ||||
min-width: 1100px; | |||||
width: 60%; | width: 60%; | ||||
height: 90%; | height: 90%; | ||||
display: flex; | display: flex; | ||||
@@ -208,6 +196,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 () { | ||||
@@ -149,13 +149,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 | ||||
}, | }, | ||||
@@ -178,10 +223,6 @@ export default { | |||||
] | ] | ||||
} | } | ||||
} | } | ||||
}, | |||||
mounted () { | |||||
this.identifyCode = '' | |||||
this.makeCode(this.identifyCodes, 4) | |||||
} | } | ||||
} | } | ||||
</script> | </script> | ||||
@@ -250,6 +291,7 @@ export default { | |||||
flex-direction: column; | flex-direction: column; | ||||
justify-content: center; | justify-content: center; | ||||
.content { | .content { | ||||
min-width: 1100px; | |||||
width: 60%; | width: 60%; | ||||
height: 90%; | height: 90%; | ||||
display: flex; | display: flex; | ||||
@@ -294,6 +336,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; | ||||
@@ -198,6 +198,7 @@ export default { | |||||
justify-content: center; | justify-content: center; | ||||
.content { | .content { | ||||
width: 60%; | width: 60%; | ||||
min-width: 1100px; | |||||
height: 90%; | height: 90%; | ||||
display: flex; | display: flex; | ||||
flex-direction: column; | flex-direction: column; | ||||
@@ -345,6 +346,7 @@ export default { | |||||
#wk { | #wk { | ||||
background-image: url('../../assets/wk.png'); | background-image: url('../../assets/wk.png'); | ||||
width: 100%; | width: 100%; | ||||
// min-width: 1920px; | |||||
height: 830px; | height: 830px; | ||||
background-size: 100% 100%; | background-size: 100% 100%; | ||||
position: relative; | position: relative; | ||||
@@ -247,6 +247,7 @@ export default { | |||||
flex-direction: column; | flex-direction: column; | ||||
justify-content: center; | justify-content: center; | ||||
.content { | .content { | ||||
min-width: 1100px; | |||||
width: 60%; | width: 60%; | ||||
height: 90%; | height: 90%; | ||||
display: flex; | display: flex; | ||||
@@ -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) | |||||
} | |||||
} | } | ||||
} | } | ||||
} | } | ||||
@@ -223,6 +238,7 @@ export default { | |||||
flex-direction: column; | flex-direction: column; | ||||
justify-content: center; | justify-content: center; | ||||
.content { | .content { | ||||
min-width: 1100px; | |||||
width: 60%; | width: 60%; | ||||
height: 90%; | height: 90%; | ||||
display: flex; | display: flex; | ||||