41 lines
1.4 KiB
Vue
41 lines
1.4 KiB
Vue
<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>
|