Bladeren bron

change

ctt_ywq
HolyKnightIX 2 jaren geleden
bovenliggende
commit
e6e00ce12e
3 gewijzigde bestanden met toevoegingen van 106 en 13 verwijderingen
  1. BIN
      src/assets/img/module_5_bg_cut.png
  2. +99
    -6
      src/components/home/home.vue
  3. +7
    -7
      src/store/modules/public.js

BIN
src/assets/img/module_5_bg_cut.png Bestand weergeven

Voor Na
Breedte: 1920  |  Hoogte: 1076  |  Grootte: 504 KiB

+ 99
- 6
src/components/home/home.vue Bestand weergeven

@@ -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;
}
} }
} }
} }


+ 7
- 7
src/store/modules/public.js Bestand weergeven

@@ -1,15 +1,15 @@
let publicObj = { let publicObj = {
state:{
characters:1,//1=》中文 2=》英文
state: {
characters: 1,//1=》中文 2=》英文
}, },
mutations:{
setCharacters(state,data){
mutations: {
setCharacters(state, data) {
state.characters = data state.characters = data
} }
}, },
actions:{
setCharacters(context,data){
context.commit("setCharacters" ,data)
actions: {
setCharacters(context, data) {
context.commit("setCharacters", data)
} }
} }
} }

Laden…
Annuleren
Opslaan