|
|
@@ -1,5 +1,5 @@ |
|
|
|
<template>
|
|
|
|
<div>
|
|
|
|
<div class="aigc">
|
|
|
|
<div id="top">
|
|
|
|
<el-carousel >
|
|
|
|
<el-carousel-item class="lunbo" v-for="(item, index) in carouselList" :key="index" :style="{ backgroundImage: `url(${item.src})` }">
|
|
|
@@ -44,9 +44,11 @@ |
|
|
|
<el-button round>制作数字人</el-button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="bottom" :style="{ backgroundImage: `url(${gg1})` }"/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="gg">
|
|
|
|
<img :src="gg1" alt="">
|
|
|
|
</div>
|
|
|
|
<div id="daliay">
|
|
|
|
<div class="content">
|
|
|
|
<div class="top">
|
|
|
@@ -73,8 +75,10 @@ |
|
|
|
</template>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="bottom" :style="{ backgroundImage: `url(${gg2})` }"/>
|
|
|
|
</div>
|
|
|
|
<div class="gg">
|
|
|
|
<img :src="gg2" alt="">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
@@ -142,6 +146,12 @@ export default { |
|
|
|
content: '新车选购',
|
|
|
|
flag: 'image'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
img: '/aigc_img3.png',
|
|
|
|
name: '丰田锋兰达值得买吗?',
|
|
|
|
content: '年底购车多少钱能落地价?',
|
|
|
|
flag: 'video'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
img: '/aigc_img3.png',
|
|
|
|
name: '丰田锋兰达值得买吗?',
|
|
|
@@ -239,6 +249,9 @@ export default { |
|
|
|
}
|
|
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
.aigc{
|
|
|
|
background: #E3E5EA;
|
|
|
|
}
|
|
|
|
.el-carousel__container {
|
|
|
|
height: 590px;
|
|
|
|
}
|
|
|
@@ -373,7 +386,6 @@ export default { |
|
|
|
padding-top: 30px;
|
|
|
|
.content {
|
|
|
|
width: 1200px;
|
|
|
|
height: 90%;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
justify-content: space-between;
|
|
|
@@ -381,14 +393,14 @@ export default { |
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.top {
|
|
|
|
margin-bottom: 30px;
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: space-around;
|
|
|
|
padding: 20px 0;
|
|
|
|
padding: 26px 0;
|
|
|
|
position: relative;
|
|
|
|
.ai {
|
|
|
|
position: relative;
|
|
|
|
width: 240px;
|
|
|
|
a {
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
@@ -398,16 +410,18 @@ export default { |
|
|
|
color: #1C679F;
|
|
|
|
line-height: 48px;
|
|
|
|
width: 100%;
|
|
|
|
margin-bottom: 15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.aitxt {
|
|
|
|
width: 250px;
|
|
|
|
width: 344px;
|
|
|
|
height: 85%;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: space-around;
|
|
|
|
margin-right: 10px;
|
|
|
|
.title {
|
|
|
|
font-size: 24px;
|
|
|
|
font-weight: bold;
|
|
|
@@ -416,19 +430,21 @@ export default { |
|
|
|
}
|
|
|
|
.content {
|
|
|
|
width: 100%;
|
|
|
|
min-width: 100px;
|
|
|
|
text-align: left;
|
|
|
|
font-size: 18px;
|
|
|
|
font-family: Microsoft YaHei;
|
|
|
|
font-weight: 400;
|
|
|
|
color: #00161C;
|
|
|
|
line-height: 30px;
|
|
|
|
margin-top: 30px;
|
|
|
|
}
|
|
|
|
.el-button {
|
|
|
|
border: none;
|
|
|
|
background-color: #07CAAF;
|
|
|
|
font-size: 14px;
|
|
|
|
color: #FFFFFF;
|
|
|
|
position: absolute;
|
|
|
|
bottom: 46px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@@ -436,7 +452,7 @@ export default { |
|
|
|
min-height: 120px;
|
|
|
|
background-image: url('../../assets/bottom.png');
|
|
|
|
background-size: 100% 100%;
|
|
|
|
margin-bottom: 30px;
|
|
|
|
margin: 30px 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@@ -470,28 +486,32 @@ export default { |
|
|
|
}
|
|
|
|
}
|
|
|
|
#zb {
|
|
|
|
margin-top: 40px;
|
|
|
|
display: flex;
|
|
|
|
.imagezb {
|
|
|
|
width: 220px;
|
|
|
|
height: 400px;
|
|
|
|
float: left;
|
|
|
|
margin-right: 20px;
|
|
|
|
position: relative;
|
|
|
|
flex: 1;
|
|
|
|
img {
|
|
|
|
width: 220px;
|
|
|
|
height: 370px;
|
|
|
|
}
|
|
|
|
.el-button {
|
|
|
|
position: absolute;
|
|
|
|
bottom: 60px;
|
|
|
|
left: 50px;
|
|
|
|
bottom: 82px;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -73px;
|
|
|
|
border: none;
|
|
|
|
background: #07CAAF;
|
|
|
|
font-size: 18px;
|
|
|
|
font-weight: bold;
|
|
|
|
color: #FFFFFF;
|
|
|
|
line-height: 48px;
|
|
|
|
padding-top: 0px;
|
|
|
|
padding-bottom: 0px;
|
|
|
|
width: 146px;
|
|
|
|
height: 44px;
|
|
|
|
}
|
|
|
|
.textzb {
|
|
|
|
font-size: 18px;
|
|
|
@@ -502,23 +522,26 @@ export default { |
|
|
|
flex-direction: column;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: space-between;
|
|
|
|
height: 40px;
|
|
|
|
margin-top: 18px;
|
|
|
|
a {
|
|
|
|
display: inline-block;
|
|
|
|
text-align: left;
|
|
|
|
width: 130px;
|
|
|
|
}
|
|
|
|
.contentzb{
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
.videozb {
|
|
|
|
width: 240px;
|
|
|
|
width: 220px;
|
|
|
|
height: 400px;
|
|
|
|
float: left;
|
|
|
|
margin-right: 60px;
|
|
|
|
margin-right: 20px;
|
|
|
|
position: relative;
|
|
|
|
img {
|
|
|
|
width: 240px;
|
|
|
|
width: 220px;
|
|
|
|
height: 370px;
|
|
|
|
}
|
|
|
|
.textzb {
|
|
|
@@ -535,16 +558,21 @@ export default { |
|
|
|
display: inline-block;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
.contentzb{
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.videozb::after {
|
|
|
|
content: '';
|
|
|
|
z-index: 99;
|
|
|
|
width: 67px;
|
|
|
|
height: 67px;
|
|
|
|
width: 55px;
|
|
|
|
height: 55px;
|
|
|
|
position: absolute;
|
|
|
|
background-image: url('../../assets/play.png');
|
|
|
|
left: 40%;
|
|
|
|
background-size: 100%;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -27.5px;
|
|
|
|
top: 40%;
|
|
|
|
z-index: 99;
|
|
|
|
background-repeat: no-repeat;
|
|
|
@@ -553,4 +581,12 @@ export default { |
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.gg {
|
|
|
|
margin: 30px auto;
|
|
|
|
width: 1200px;
|
|
|
|
img {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|