diff --git a/src/App.vue b/src/App.vue index a71c62a..3228398 100644 --- a/src/App.vue +++ b/src/App.vue @@ -90,7 +90,7 @@ button::after { } .fade-in-out { - animation: fadeInOut 1s ease forwards; + animation: fadeInOut 1.2s ease forwards; } @keyframes fadeOut { diff --git a/src/components/BowTarget.vue b/src/components/BowTarget.vue index 7fd6338..5efddb1 100644 --- a/src/components/BowTarget.vue +++ b/src/components/BowTarget.vue @@ -303,5 +303,7 @@ const simulShoot2 = async () => { height: 60px; left: calc(50% - 100px); top: calc(50% - 30px); + z-index: 99; + font-weight: bold; } diff --git a/src/components/ScreenHint.vue b/src/components/ScreenHint.vue index dd1dfbd..46d67a9 100644 --- a/src/components/ScreenHint.vue +++ b/src/components/ScreenHint.vue @@ -67,7 +67,7 @@ const getContentHeight = () => { flex-direction: column; justify-content: center; align-items: center; - z-index: 10; + z-index: 999; } .container > view:first-child { display: flex; diff --git a/src/components/ShootProgress.vue b/src/components/ShootProgress.vue index 78a1e1a..bf9c654 100644 --- a/src/components/ShootProgress.vue +++ b/src/components/ShootProgress.vue @@ -89,7 +89,7 @@ watch( ); watch( - () => [props.seq, props.total], + () => [props.seq], () => { if (timer.value) clearInterval(timer.value); remain.value = props.total; diff --git a/src/components/Timer.vue b/src/components/Timer.vue index 3c85f4d..24fc6e2 100644 --- a/src/components/Timer.vue +++ b/src/components/Timer.vue @@ -1,48 +1,35 @@ diff --git a/src/pages/ranking.vue b/src/pages/ranking.vue index 6e0bad6..1aeecb8 100644 --- a/src/pages/ranking.vue +++ b/src/pages/ranking.vue @@ -1,6 +1,6 @@