HolyKnightIX 2 lat temu
rodzic
commit
e6e00ce12e
3 zmienionych plików z 106 dodań i 13 usunięć
  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 Wyświetl plik

Przed Po
Szerokość: 1920  |  Wysokość: 1076  |  Rozmiar: 504 KiB

+ 99
- 6
src/components/home/home.vue Wyświetl plik

@@ -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_item1_y" v-if="characters != 1">Hyperrealism</div>
<div class="title_item1_y">Hyperrealism</div>
<div class="title_item2" v-if="characters != 1">
Digital human creator
</div>
@@ -162,8 +162,7 @@
</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="title">
{{
@@ -209,7 +208,7 @@
{{
characters == 1
? "让如此优秀的数字人服务于您的更多应用场景吧!"
: "Scenarios that Suimang Digital Humans can serve"
: "Let such excellent digital people serve more of your application scenarios!"
}}
</div>
<div class="imgBox">
@@ -677,7 +676,7 @@ export default {

mounted() {
// console.log();
this.$refs["vidoe"].play();
// this.$refs["vidoe"].play();
new Swiper(".swiper-container", {
slidesPerView: 3,
spaceBetween: 30,
@@ -980,15 +979,104 @@ export default {
}
}
}
.module_5 {
.module_5_0 {
height: 1080px;
background-color: #010101;
position: relative;
overflow: hidden;
background-image: url("../../assets/img/module_5_bg1.png");
background-repeat: no-repeat;
background-size: 92% 100%;
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;
background-image: url("../../assets/img/module_5_bg_cut.png");
background-repeat: no-repeat;
background-size: 92% 100%;
background-position: 166% 20%;

.titleBox {
// position: absolute;
// top: 26%;
@@ -1064,6 +1152,11 @@ export default {
border: #16e9d6 solid 3px;
font-size: 16px;
cursor: pointer;
transition: all 0.3s;
&:hover {
color: #fff;
background-color: #16e9d6;
}
}
}
}


+ 7
- 7
src/store/modules/public.js Wyświetl plik

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

Ładowanie…
Anuluj
Zapisz