|
|
@@ -4,7 +4,7 @@
|
|
|
<!-- <pc @play="play" v-if="setp == 0" /> -->
|
|
|
|
|
|
<div class="video" v-if="setp == 1">
|
|
|
- <div class="jump" @click="goModel">跳过</div>
|
|
|
+ <div class="jump" @click="goModel" v-if="showJump">跳过</div>
|
|
|
<video
|
|
|
poster="https://4dscene.4dage.com/new4dkk/v2/mobile/img/src/assets/images/home/home-key.jpg"
|
|
|
src="https://4dscene.4dage.com/new4dkk/media/home-key-mc_1.57b0584.mp4"
|
|
|
@@ -16,7 +16,7 @@
|
|
|
loop="loop"
|
|
|
></video>
|
|
|
</div>
|
|
|
- <div class="model-box" v-if="setp == 2">
|
|
|
+ <div class="model-box" v-show="setp == 2">
|
|
|
<iframe
|
|
|
src="https://4dscene.4dage.com/culturalrelics/NTBWY/Model4.html?m=4DFX3"
|
|
|
frameborder="0"
|
|
|
@@ -32,15 +32,21 @@ const componentId = computed(() => {
|
|
|
return pc;
|
|
|
});
|
|
|
const setp = ref(0);
|
|
|
+const showJump = ref(false);
|
|
|
const play = () => {
|
|
|
setp.value = 1;
|
|
|
+ showJump.value = false;
|
|
|
nextTick(() => {
|
|
|
const video = document.querySelector("video");
|
|
|
+ setTimeout(() => {
|
|
|
+ showJump.value = true;
|
|
|
+ }, 3000);
|
|
|
video.play();
|
|
|
});
|
|
|
};
|
|
|
const goModel = () => {
|
|
|
setp.value = 2;
|
|
|
+ showJump.value = false;
|
|
|
};
|
|
|
onMounted(() => {});
|
|
|
|