congzc il y a 1 an
Parent
révision
87192d5a1f
1 fichiers modifiés avec 27 ajouts et 2 suppressions
  1. +27
    -2
      src/components/home/home.vue

+ 27
- 2
src/components/home/home.vue Voir le fichier

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


Chargement…
Annuler
Enregistrer