瀏覽代碼

跳转到照片说话

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


+ 38
- 2
src/components/home/home.vue 查看文件

@@ -42,12 +42,15 @@
freely freely
</div> </div>
<div
<!-- <div
class="title_btn" class="title_btn"
@click="showBox" @click="showBox"
v-if="$store.state.publicObj.showTryItNow" v-if="$store.state.publicObj.showTryItNow"
> >
{{ characters == 1 ? "立刻体验" : "Try it now" }} {{ characters == 1 ? "立刻体验" : "Try it now" }}
</div> -->
<div class="title_btn" @click="toPhotoTalk">
{{ characters == 1 ? "立刻体验" : "Try it now" }}
</div> </div>
</div> </div>
<div class="md1" id="md1"></div> <div class="md1" id="md1"></div>
@@ -123,7 +126,7 @@
</div> </div>
<div class="module_3" id="module_3"> <div class="module_3" id="module_3">
<div class="imgBox1" @click="goSetVedio(isPlayed)">
<div class="imgBox1" @click.stop="goSetVedio(isPlayed)">
<img <img
v-if="isPlayed" v-if="isPlayed"
class="play" class="play"
@@ -136,6 +139,9 @@
src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/pause.png" src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/pause.png"
title="click to pause" title="click to pause"
/> />
<div class="title_btn" @click.stop="toPhotoTalk">
{{ characters == 1 ? "立刻体验" : "Try it now" }}
</div>
<video <video
ref="videoII" ref="videoII"
src="https://video.metavatar.cc/sv/3564ae64-18841d254a8/3564ae64-18841d254a8.mp4" src="https://video.metavatar.cc/sv/3564ae64-18841d254a8/3564ae64-18841d254a8.mp4"
@@ -844,6 +850,10 @@ export default {
}, },
methods: { methods: {
...mapActions(["setCharacters"]), ...mapActions(["setCharacters"]),
// 去照片说话网页
toPhotoTalk() {
window.open("https://photo.metavatar.cc/#/");
},
// 鼠标进入轮播图 // 鼠标进入轮播图
enterSwiper(index) { enterSwiper(index) {
this.stopTimer(); this.stopTimer();
@@ -1033,6 +1043,7 @@ export default {
}, },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep .el-form-item { ::v-deep .el-form-item {
// width: 300px; // width: 300px;
@@ -1268,6 +1279,31 @@ export default {
transform: scale(1); transform: scale(1);
opacity: 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 { .imgBox2 {


Loading…
取消
儲存