|
@@ -76,7 +76,7 @@ |
|
|
<!-- <div class="title_item3" v-if="characters==1">创造生成 超真实 超写实 风格化 不同性别</div> |
|
|
<!-- <div class="title_item3" v-if="characters==1">创造生成 超真实 超写实 风格化 不同性别</div> |
|
|
<div class="title_item3" v-if="characters==1">多人种 分身化身随心创造</div> --> |
|
|
<div class="title_item3" v-if="characters==1">多人种 分身化身随心创造</div> --> |
|
|
|
|
|
|
|
|
<div class="title_item1_y" v-if="characters != 1">Hyperrealism</div> |
|
|
|
|
|
|
|
|
<div class="title_item1_y">Hyperrealism</div> |
|
|
<div class="title_item2" v-if="characters != 1"> |
|
|
<div class="title_item2" v-if="characters != 1"> |
|
|
Digital human creator |
|
|
Digital human creator |
|
|
</div> |
|
|
</div> |
|
@@ -162,8 +162,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="module_5" id="module_5"> |
|
|
|
|
|
<!-- <img src="../../assets/img/module_5_bg2.png" alt="" class="module_5_bg1"> --> |
|
|
|
|
|
|
|
|
<div :class="characters == 1 ? 'module_5_0' : 'module_5_1'" id="module_5"> |
|
|
<div :class="characters == 1 ? 'titleBox' : 'titleBox1'"> |
|
|
<div :class="characters == 1 ? 'titleBox' : 'titleBox1'"> |
|
|
<div class="title"> |
|
|
<div class="title"> |
|
|
{{ |
|
|
{{ |
|
@@ -209,7 +208,7 @@ |
|
|
{{ |
|
|
{{ |
|
|
characters == 1 |
|
|
characters == 1 |
|
|
? "让如此优秀的数字人服务于您的更多应用场景吧!" |
|
|
? "让如此优秀的数字人服务于您的更多应用场景吧!" |
|
|
: "Scenarios that Suimang Digital Humans can serve" |
|
|
|
|
|
|
|
|
: "Let such excellent digital people serve more of your application scenarios!" |
|
|
}} |
|
|
}} |
|
|
</div> |
|
|
</div> |
|
|
<div class="imgBox"> |
|
|
<div class="imgBox"> |
|
@@ -677,7 +676,7 @@ export default { |
|
|
|
|
|
|
|
|
mounted() { |
|
|
mounted() { |
|
|
// console.log(); |
|
|
// console.log(); |
|
|
this.$refs["vidoe"].play(); |
|
|
|
|
|
|
|
|
// this.$refs["vidoe"].play(); |
|
|
new Swiper(".swiper-container", { |
|
|
new Swiper(".swiper-container", { |
|
|
slidesPerView: 3, |
|
|
slidesPerView: 3, |
|
|
spaceBetween: 30, |
|
|
spaceBetween: 30, |
|
@@ -980,15 +979,104 @@ export default { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
.module_5 { |
|
|
|
|
|
|
|
|
.module_5_0 { |
|
|
height: 1080px; |
|
|
height: 1080px; |
|
|
background-color: #010101; |
|
|
background-color: #010101; |
|
|
position: relative; |
|
|
position: relative; |
|
|
|
|
|
overflow: hidden; |
|
|
background-image: url("../../assets/img/module_5_bg1.png"); |
|
|
background-image: url("../../assets/img/module_5_bg1.png"); |
|
|
background-repeat: no-repeat; |
|
|
background-repeat: no-repeat; |
|
|
background-size: 92% 100%; |
|
|
background-size: 92% 100%; |
|
|
background-position: 166% 20%; |
|
|
background-position: 166% 20%; |
|
|
|
|
|
|
|
|
|
|
|
.titleBox { |
|
|
|
|
|
// position: absolute; |
|
|
|
|
|
// top: 26%; |
|
|
|
|
|
// left: 16%; |
|
|
|
|
|
margin-left: 220px; |
|
|
|
|
|
margin-top: 14%; |
|
|
|
|
|
width: 680px; |
|
|
|
|
|
.title { |
|
|
|
|
|
font-size: 48px; |
|
|
|
|
|
font-family: Inter; |
|
|
|
|
|
font-weight: 600; |
|
|
|
|
|
margin-bottom: 70px; |
|
|
|
|
|
color: #fff; |
|
|
|
|
|
} |
|
|
|
|
|
.paragraph { |
|
|
|
|
|
margin-bottom: 20px; |
|
|
|
|
|
font-weight: 400; |
|
|
|
|
|
color: #7e7e7e; |
|
|
|
|
|
font-size: 14px; |
|
|
|
|
|
font-family: Microsoft YaHei; |
|
|
|
|
|
font-weight: 400; |
|
|
|
|
|
line-height: 30px; |
|
|
|
|
|
} |
|
|
|
|
|
.read_btn { |
|
|
|
|
|
margin-top: 36px; |
|
|
|
|
|
height: 60px; |
|
|
|
|
|
width: 220px; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
line-height: 60px; |
|
|
|
|
|
color: #16e9d6; |
|
|
|
|
|
border-radius: 40px; |
|
|
|
|
|
border: #16e9d6 solid 3px; |
|
|
|
|
|
font-size: 16px; |
|
|
|
|
|
cursor: pointer; |
|
|
|
|
|
transition: all 0.3s; |
|
|
|
|
|
&:hover { |
|
|
|
|
|
color: #fff; |
|
|
|
|
|
background-color: #16e9d6; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.titleBox1 { |
|
|
|
|
|
// position: absolute; |
|
|
|
|
|
// top: 20%; |
|
|
|
|
|
// left: 16%; |
|
|
|
|
|
margin-left: 220px; |
|
|
|
|
|
margin-top: 12%; |
|
|
|
|
|
width: 680px; |
|
|
|
|
|
.title { |
|
|
|
|
|
font-size: 44px; |
|
|
|
|
|
font-family: Inter; |
|
|
|
|
|
font-weight: 600; |
|
|
|
|
|
margin-bottom: 40px; |
|
|
|
|
|
color: #fff; |
|
|
|
|
|
} |
|
|
|
|
|
.paragraph { |
|
|
|
|
|
margin-bottom: 20px; |
|
|
|
|
|
font-weight: 400; |
|
|
|
|
|
color: #7e7e7e; |
|
|
|
|
|
font-size: 14px; |
|
|
|
|
|
font-family: Microsoft YaHei; |
|
|
|
|
|
font-weight: 400; |
|
|
|
|
|
line-height: 20px; |
|
|
|
|
|
} |
|
|
|
|
|
.read_btn { |
|
|
|
|
|
margin-top: 36px; |
|
|
|
|
|
height: 60px; |
|
|
|
|
|
width: 220px; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
line-height: 60px; |
|
|
|
|
|
color: #16e9d6; |
|
|
|
|
|
border-radius: 40px; |
|
|
|
|
|
border: #16e9d6 solid 3px; |
|
|
|
|
|
font-size: 16px; |
|
|
|
|
|
cursor: pointer; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.module_5_1 { |
|
|
|
|
|
height: 1080px; |
|
|
|
|
|
background-color: #010101; |
|
|
|
|
|
position: relative; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
|
|
|
background-image: url("../../assets/img/module_5_bg_cut.png"); |
|
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
|
background-size: 92% 100%; |
|
|
|
|
|
background-position: 166% 20%; |
|
|
|
|
|
|
|
|
.titleBox { |
|
|
.titleBox { |
|
|
// position: absolute; |
|
|
// position: absolute; |
|
|
// top: 26%; |
|
|
// top: 26%; |
|
@@ -1064,6 +1152,11 @@ export default { |
|
|
border: #16e9d6 solid 3px; |
|
|
border: #16e9d6 solid 3px; |
|
|
font-size: 16px; |
|
|
font-size: 16px; |
|
|
cursor: pointer; |
|
|
cursor: pointer; |
|
|
|
|
|
transition: all 0.3s; |
|
|
|
|
|
&:hover { |
|
|
|
|
|
color: #fff; |
|
|
|
|
|
background-color: #16e9d6; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|