Files
super_video/src/views/vlog/midterm-shooting/on-site/random.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>