From 20e34edd87633ebb42521911ba6328058b9db1e5 Mon Sep 17 00:00:00 2001
From: mzhang93 <mingming.zhang.2@volvocars.com>
Date: Mon, 27 Apr 2026 11:23:01 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E5=B1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/step1.vue | 4 +++-
 src/views/step2.vue | 4 ++--
 src/views/step3.vue | 4 +++-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/views/step1.vue b/src/views/step1.vue
index 29798e1..e29956a 100644
--- a/src/views/step1.vue
+++ b/src/views/step1.vue
@@ -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 = () => {
diff --git a/src/views/step2.vue b/src/views/step2.vue
index ef2b39d..35e6556 100644
--- a/src/views/step2.vue
+++ b/src/views/step2.vue
@@ -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 {
diff --git a/src/views/step3.vue b/src/views/step3.vue
index 1de91d5..28f8290 100644
--- a/src/views/step3.vue
+++ b/src/views/step3.vue
@@ -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');
 }