66 lines
1.4 KiB
Vue
66 lines
1.4 KiB
Vue
<script lang="ts" setup>
|
|
import { getBackgroundImage, IMAGE_PATHS } from '@/utils'
|
|
import { useRouter } from 'vue-router'
|
|
|
|
const router = useRouter()
|
|
|
|
const handleClicka1 = () => {
|
|
// 跳转设备准备
|
|
router.push({ name: 'a-1' })
|
|
}
|
|
const back = () => {
|
|
// 跳转设备准备
|
|
router.back()
|
|
}
|
|
</script>
|
|
<template>
|
|
<div class="shooting-index">
|
|
<!-- 背景图片 -->
|
|
<div
|
|
class="absolute inset-0 bg-cover bg-center bg-no-repeat shooting-bg"
|
|
:style="{ backgroundImage: getBackgroundImage(IMAGE_PATHS.FILMINGLOCATIONA.BG) }"
|
|
>
|
|
<div class="start">
|
|
<img src="@/assets/images/shooting/开始取景.png" alt="" />
|
|
</div>
|
|
<div class="text">
|
|
<img src="@/assets/images/shooting/按钮-开始取景.png" alt="" @click="handleClicka1" />
|
|
</div>
|
|
<div class="shooting-return">
|
|
<img src="@/assets/images/shooting/返回.png" alt="" @click="back" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<style lang="less">
|
|
.shooting-index {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
.start {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: -29%;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.text {
|
|
position: absolute;
|
|
left: 40%;
|
|
bottom: -56%;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.shooting-return {
|
|
position: absolute;
|
|
right: -90%;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
</style>
|