|
|
@@ -42,12 +42,15 @@ |
|
|
|
freely
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div
|
|
|
|
<!-- <div
|
|
|
|
class="title_btn"
|
|
|
|
@click="showBox"
|
|
|
|
v-if="$store.state.publicObj.showTryItNow"
|
|
|
|
>
|
|
|
|
{{ characters == 1 ? "立刻体验" : "Try it now" }}
|
|
|
|
</div> -->
|
|
|
|
<div class="title_btn" @click="toPhotoTalk">
|
|
|
|
{{ characters == 1 ? "立刻体验" : "Try it now" }}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="md1" id="md1"></div>
|
|
|
@@ -123,7 +126,7 @@ |
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="module_3" id="module_3">
|
|
|
|
<div class="imgBox1" @click="goSetVedio(isPlayed)">
|
|
|
|
<div class="imgBox1" @click.stop="goSetVedio(isPlayed)">
|
|
|
|
<img
|
|
|
|
v-if="isPlayed"
|
|
|
|
class="play"
|
|
|
@@ -136,6 +139,9 @@ |
|
|
|
src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/pause.png"
|
|
|
|
title="click to pause"
|
|
|
|
/>
|
|
|
|
<div class="title_btn" @click.stop="toPhotoTalk">
|
|
|
|
{{ characters == 1 ? "立刻体验" : "Try it now" }}
|
|
|
|
</div>
|
|
|
|
<video
|
|
|
|
ref="videoII"
|
|
|
|
src="https://video.metavatar.cc/sv/3564ae64-18841d254a8/3564ae64-18841d254a8.mp4"
|
|
|
@@ -844,6 +850,10 @@ export default { |
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
...mapActions(["setCharacters"]),
|
|
|
|
// 去照片说话网页
|
|
|
|
toPhotoTalk() {
|
|
|
|
window.open("https://photo.metavatar.cc/#/");
|
|
|
|
},
|
|
|
|
// 鼠标进入轮播图
|
|
|
|
enterSwiper(index) {
|
|
|
|
this.stopTimer();
|
|
|
@@ -1033,6 +1043,7 @@ export default { |
|
|
|
},
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
::v-deep .el-form-item {
|
|
|
|
// width: 300px;
|
|
|
@@ -1268,6 +1279,31 @@ export default { |
|
|
|
transform: scale(1);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
.title_btn {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.title_btn {
|
|
|
|
position: absolute;
|
|
|
|
top: 62%;
|
|
|
|
left: 43%;
|
|
|
|
display: none;
|
|
|
|
margin-top: 60px;
|
|
|
|
height: 60px;
|
|
|
|
width: 220px;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 60px;
|
|
|
|
color: #fff;
|
|
|
|
border-radius: 40px;
|
|
|
|
border: #fff solid 3px;
|
|
|
|
font-size: 18px;
|
|
|
|
cursor: pointer;
|
|
|
|
transition: all 0.3s;
|
|
|
|
&:hover {
|
|
|
|
color: #16e9d6;
|
|
|
|
border: #16e9d6 solid 3px;
|
|
|
|
}
|
|
|
|
z-index: 9;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.imgBox2 {
|
|
|
|