视屏
This commit is contained in:
parent
28e04e2607
commit
20e34edd87
@ -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 = () => {
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
@ -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');
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user