Files
super_video/src/views/vlog/midterm-shooting/on-site/slow-shutter-day.vue
T

41 lines
1.4 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<script setup lang="ts">
import { useRouter } from 'vue-router'
import { ImgButton } from '@/components/Button'
import { getBackgroundImage, IMAGE_PATHS } from '@/utils'
const router = useRouter()
const handleBack = () => {
router.back()
}
</script>
<template>
<div class="relative w-full h-full overflow-hidden">
<div
class="absolute inset-0 bg-cover bg-center bg-no-repeat"
:style="{ backgroundImage: getBackgroundImage(IMAGE_PATHS.SHOOTING.BG) }"
></div>
<div class="absolute inset-0 flex items-center justify-center px-16 pointer-events-none">
<div
class="max-w-5xl w-full bg-black/40 backdrop-blur-md rounded-3xl border border-white/20 p-10 space-y-6 text-white pointer-events-auto"
>
<h1 class="text-4xl font-extrabold tracking-wide">慢门拍摄 · 白天</h1>
<p class="text-lg leading-8 opacity-90">
在白天选择有连续运动元素的场景(如喷泉、水流、人群、车流等),尝试使用慢门制造“运动模糊”的效果。
</p>
<p class="text-base leading-7 opacity-80">
建议:固定机位,尽量降低感光度,必要时使用减光配件;注意避免画面过曝,同时保留主体的清晰度与背景的动感。
</p>
</div>
</div>
<ImgButton
class="absolute right-0 top-0 z-20"
:image="IMAGE_PATHS.COMPONENTS.BACK"
@click="handleBack"
/>
</div>
</template>