视屏
This commit is contained in:
parent
28e04e2607
commit
20e34edd87
@ -8,7 +8,7 @@
|
||||
<div class="main-top">
|
||||
<div class="ip" ref="ipRef">
|
||||
<!-- muted -->
|
||||
<video class="ip-video" src="@/assets/step1/1.mp4" autoplay playsinline webkit-playsinline preload="auto" />
|
||||
<video class="ip-video" :src="introVideoSrc" autoplay playsinline webkit-playsinline preload="auto" />
|
||||
</div>
|
||||
<div class="r">
|
||||
<div class="video-tips">
|
||||
@ -28,8 +28,10 @@
|
||||
<script setup lang="ts">
|
||||
import { computed, ref } from 'vue';
|
||||
import { useRouter } from 'vue-router';
|
||||
import introVideoUrl from '@/assets/step1/1.mp4?url';
|
||||
|
||||
const showHelp = ref(true);
|
||||
const introVideoSrc = introVideoUrl;
|
||||
|
||||
const router = useRouter();
|
||||
const start = () => {
|
||||
|
||||
@ -486,11 +486,11 @@ onBeforeUnmount(async () => {
|
||||
}
|
||||
|
||||
.reticle__hole.is-recording .reticle__line--top {
|
||||
animation: reticleLineDownUp 2s ease-in-out infinite;
|
||||
animation: reticleLineDownUp 4s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.reticle__hole.is-recording .reticle__line--bottom {
|
||||
animation: reticleLineUpDown 2s ease-in-out infinite;
|
||||
animation: reticleLineUpDown 4s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes reticleLineDownUp {
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
<div class="main">
|
||||
<video
|
||||
class="close-video"
|
||||
src="@/assets/step3/3.mp4"
|
||||
:src="closeVideoSrc"
|
||||
|
||||
playsinline
|
||||
autoplay
|
||||
@ -30,9 +30,11 @@
|
||||
import { Capacitor } from '@capacitor/core';
|
||||
import { ref, onMounted, onUnmounted } from 'vue';
|
||||
import { useRouter } from 'vue-router';
|
||||
import closeVideoUrl from '@/assets/step3/3.mp4?url';
|
||||
|
||||
const showHelp = ref(true);
|
||||
const router = useRouter();
|
||||
const closeVideoSrc = closeVideoUrl;
|
||||
const start = () => {
|
||||
router.push('/step2');
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user