This commit is contained in:
mzhang93 2026-04-27 11:23:01 +08:00
parent 28e04e2607
commit 20e34edd87
3 changed files with 8 additions and 4 deletions

View File

@ -8,7 +8,7 @@
<div class="main-top"> <div class="main-top">
<div class="ip" ref="ipRef"> <div class="ip" ref="ipRef">
<!-- muted --> <!-- 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>
<div class="r"> <div class="r">
<div class="video-tips"> <div class="video-tips">
@ -28,8 +28,10 @@
<script setup lang="ts"> <script setup lang="ts">
import { computed, ref } from 'vue'; import { computed, ref } from 'vue';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import introVideoUrl from '@/assets/step1/1.mp4?url';
const showHelp = ref(true); const showHelp = ref(true);
const introVideoSrc = introVideoUrl;
const router = useRouter(); const router = useRouter();
const start = () => { const start = () => {

View File

@ -486,11 +486,11 @@ onBeforeUnmount(async () => {
} }
.reticle__hole.is-recording .reticle__line--top { .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 { .reticle__hole.is-recording .reticle__line--bottom {
animation: reticleLineUpDown 2s ease-in-out infinite; animation: reticleLineUpDown 4s ease-in-out infinite;
} }
@keyframes reticleLineDownUp { @keyframes reticleLineDownUp {

View File

@ -11,7 +11,7 @@
<div class="main"> <div class="main">
<video <video
class="close-video" class="close-video"
src="@/assets/step3/3.mp4" :src="closeVideoSrc"
playsinline playsinline
autoplay autoplay
@ -30,9 +30,11 @@
import { Capacitor } from '@capacitor/core'; import { Capacitor } from '@capacitor/core';
import { ref, onMounted, onUnmounted } from 'vue'; import { ref, onMounted, onUnmounted } from 'vue';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import closeVideoUrl from '@/assets/step3/3.mp4?url';
const showHelp = ref(true); const showHelp = ref(true);
const router = useRouter(); const router = useRouter();
const closeVideoSrc = closeVideoUrl;
const start = () => { const start = () => {
router.push('/step2'); router.push('/step2');
} }