@@ -30,14 +30,20 @@
<div class="title" v-if="characters == 1">真人无需出镜驱动数字人直播</div>
<div class="title" v-if="characters != 1">Digital live broadcasting manipulated by AI, text, voice, video etc.to free real people workforce on camera.</div>
<div class="imgBox">
<li>
<img src="../../assets/img/metavatar_shadow/imgList1@2x.png" alt="" />
<li style="position: relative">
<img v-if="characters == 1" src="../../assets/img/metavatar_shadow/imgList1@2x.png" alt="" />
<img v-if="characters != 1" src="../../assets/img/metavatar_shadow/imgList1@2xEnglish.png" alt="" />
<div class="textInImg" v-if="characters != 1">中の人</div>
</li>
<li>
<img src="../../assets/img/metavatar_shadow/imgList2@2x.png" alt="" />
<li style="position: relative">
<img v-if="characters == 1" src="../../assets/img/metavatar_shadow/imgList2@2x.png" alt="" />
<img v-if="characters != 1" src="../../assets/img/metavatar_shadow/imgList2@2xEnglish.png" alt="" />
<div class="textInImg" v-if="characters != 1">Digital live streaming</div>
</li>
<li>
<img src="../../assets/img/metavatar_shadow/imgList3@2x.png" alt="" />
<li style="position: relative">
<img v-if="characters == 1" src="../../assets/img/metavatar_shadow/imgList3@2x.png" alt="" />
<img v-if="characters != 1" src="../../assets/img/metavatar_shadow/imgList3@2xEnglish.png" alt="" />
<div class="textInImg" v-if="characters != 1">Toonman live</div>
</li>
<div class="redCard" v-if="characters == 1">无缝接入各主流平台</div>
<div class="redCard" v-if="characters != 1">Seamless access to all platforms, tictok,intagram, facebook,wechat etc.</div>
@@ -364,7 +370,7 @@ export default {
};
this.$axios({
method: 'post',
url: '/api/callback /wxMallApply/add',
url: '/C/ api/wxMallApply/add',
headers: {
'Content-Type': 'application/json;charset=UTF-8'
},
@@ -571,6 +577,17 @@ export default {
li {
list-style: none;
margin-right: 7px;
.textInImg {
position: absolute;
top: 20px;
left: 20px;
width: 10px;
font-size: 35px;
line-height: 35px;
color: #fff;
font-weight: 900;
transition: all 0.3s;
}
img {
width: 423px;
height: 639px;
@@ -580,6 +597,12 @@ export default {
box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.548);
transform: translateY(-20px);
}
&:hover ~ .textInImg {
transform: translateY(-20px);
}
}
img:hover .textInImg {
top: -5px;
}
}
.redCard {