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> |