Переглянути джерело

跳转到照片说话

ctt_ywq
congzc 1 рік тому
джерело
коміт
445fd8cd42
2 змінених файлів з 45 додано та 2 видалено
  1. +7
    -0
      src/components/common/top.vue
  2. +38
    -2
      src/components/home/home.vue

+ 7
- 0
src/components/common/top.vue Переглянути файл

@@ -17,6 +17,9 @@
<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="PhotoTalk">
{{ characters == 1 ? "照片说话" : "Photo Talk" }}
</el-dropdown-item>
<el-dropdown-item command="MetaGene">
{{ characters == 1 ? "邃芒慧生" : "MetaGene" }}
</el-dropdown-item>
@@ -104,6 +107,10 @@ export default {
this.setCharacters(value);
},
handleCommand(path) {
if (path == "PhotoTalk") {
window.open("https://photo.metavatar.cc/#/");
return;
}
this.$router.push(`/${path}`);
},
goView(id) {


+ 38
- 2
src/components/home/home.vue Переглянути файл

@@ -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 {


Завантаження…
Відмінити
Зберегти