78 lines
1.8 KiB
Vue
78 lines
1.8 KiB
Vue
|
<template>
|
|||
|
|
<view class="flex-col page">
|
|||
|
|
<text class="self-center text">请确认您的预约信息</text>
|
|||
|
|
<text class="self-start font text_2">写真产品：汉服—曲裾系列</text>
|
|||
|
|
<text class="self-start font text_3">拍摄时间：2025-05-01 16:00</text>
|
|||
|
|
<text class="self-start font text_4">拍摄人数：3人</text>
|
|||
|
|
<text class="self-start font text_5">拍摄场地：室外</text>
|
|||
|
|
<view @click="closeConfirmBookingPopup" class="flex-col justify-start items-center self-stretch text-wrapper">
|
|||
|
|
<text class="font text_6">确定</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script setup lang="ts">
|
|||
|
|
import { onMounted, ref } from 'vue';
|
|||
|
|
import emitter from '../../../utils/emitter';
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
onMounted(() => {
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
const closeConfirmBookingPopup = () => {
|
|||
|
|
emitter.emit('closeConfirmBookingInfo')
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
|
|||
|
|
.page {
|
|||
|
|
padding: 56.46rpx 59.18rpx;
|
|||
|
|
background-color: #ffffff;
|
|||
|
|
border-radius: 41.2rpx;
|
|||
|
|
box-shadow: 0rpx 9.49rpx 9.49rpx #00000061;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow-y: auto;
|
|||
|
|
overflow-x: hidden;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
.text {
|
|||
|
|
color: #000000;
|
|||
|
|
font-size: 37.72rpx;
|
|||
|
|
font-family: FZSongKeBenXiuKaiS-R-GB;
|
|||
|
|
line-height: 41.72rpx;
|
|||
|
|
}
|
|||
|
|
.font {
|
|||
|
|
font-size: 30.97rpx;
|
|||
|
|
font-family: FZSongKeBenXiuKaiS-R-GB;
|
|||
|
|
line-height: 35.46rpx;
|
|||
|
|
color: #000000;
|
|||
|
|
}
|
|||
|
|
.text_2 {
|
|||
|
|
margin-top: 61.71rpx;
|
|||
|
|
line-height: 36.93rpx;
|
|||
|
|
}
|
|||
|
|
.text_3 {
|
|||
|
|
margin-top: 37.97rpx;
|
|||
|
|
}
|
|||
|
|
.text_4 {
|
|||
|
|
margin-top: 37.97rpx;
|
|||
|
|
line-height: 34.41rpx;
|
|||
|
|
}
|
|||
|
|
.text_5 {
|
|||
|
|
margin-top: 37.97rpx;
|
|||
|
|
line-height: 35.01rpx;
|
|||
|
|
}
|
|||
|
|
.text-wrapper {
|
|||
|
|
margin: 66.46rpx 37.97rpx 0;
|
|||
|
|
padding: 28.48rpx 0;
|
|||
|
|
background-color: #e79ea1;
|
|||
|
|
border-radius: 94.94rpx;
|
|||
|
|
}
|
|||
|
|
.text_6 {
|
|||
|
|
color: #ffffff;
|
|||
|
|
}
|
|||
|
|
@import url(../../../common/css/global.css);
|
|||
|
|
</style>
|