| @@ -151,6 +151,13 @@ | |||||
| alt="" | alt="" | ||||
| style="width: 100px; height: 100px" | style="width: 100px; height: 100px" | ||||
| /> | /> | ||||
| <div | |||||
| class="title_btn" | |||||
| @click.stop="toPhotoTalk" | |||||
| :style="characters != 1 ? ' margin-top: 14px;' : ''" | |||||
| > | |||||
| {{ characters == 1 ? "立刻体验" : "Try it now" }} | |||||
| </div> | |||||
| </div> | </div> | ||||
| <video | <video | ||||
| @click="clickVideo('video3')" | @click="clickVideo('video3')" | ||||
| @@ -723,7 +730,10 @@ export default { | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| ...mapActions(["setCharacters"]), | ...mapActions(["setCharacters"]), | ||||
| // 去照片说话网页 | |||||
| toPhotoTalk() { | |||||
| window.open("https://photo.metavatar.cc/#/"); | |||||
| }, | |||||
| // 播放视频 | // 播放视频 | ||||
| playVideo() { | playVideo() { | ||||
| this.videoPlayBtn = false; | this.videoPlayBtn = false; | ||||
| @@ -1219,7 +1229,22 @@ export default { | |||||
| position: relative; | position: relative; | ||||
| overflow: hidden; | overflow: hidden; | ||||
| background-color: #202020; | background-color: #202020; | ||||
| .title_btn { | |||||
| position: absolute; | |||||
| top: 100%; | |||||
| left: 50%; | |||||
| transform: translate(-50%, -50%); | |||||
| margin-top: 24px; | |||||
| height: 22px; | |||||
| width: 80px; | |||||
| text-align: center; | |||||
| line-height: 22px; | |||||
| border-radius: 16px; | |||||
| color: #16e9d6; | |||||
| border: #16e9d6 solid 2px; | |||||
| font-size: 14px; | |||||
| cursor: pointer; | |||||
| } | |||||
| .imgBox1 { | .imgBox1 { | ||||
| width: 100%; | width: 100%; | ||||
| height: 228px; | height: 228px; | ||||