109 lines
2.1 KiB
Vue
109 lines
2.1 KiB
Vue
<template>
|
||
<view class="page">
|
||
<custom-navbar ref="customNavbar" title="预约成功" />
|
||
|
||
<image :src="CommonEnum.SUCCESS_APPOINTMENT"></image>
|
||
<view class="container">
|
||
<view class="info">
|
||
<text class="success">您提交的预约已成功！</text>
|
||
|
||
<text class="date">预约日期：{{ date }}</text>
|
||
<text class="time">预约时段：{{ time }}</text>
|
||
</view>
|
||
</view>
|
||
<view class="back" @click="back">返回首页</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import CommonEnum from "../../enum/common";
|
||
import BottomButton from "../../components/bottom-button/bottom-button.vue";
|
||
|
||
export default {
|
||
components: { BottomButton },
|
||
data() {
|
||
return {
|
||
CommonEnum,
|
||
loading: false,
|
||
time: "",
|
||
date: "",
|
||
number: "",
|
||
activityName: "",
|
||
};
|
||
},
|
||
onLoad(options) {
|
||
// 接收传递的参数
|
||
this.time = decodeURIComponent(options.time || "");
|
||
this.date = decodeURIComponent(options.date || "");
|
||
this.number = decodeURIComponent(options.number || "");
|
||
},
|
||
methods: {
|
||
// 返回首页
|
||
back() {
|
||
uni.navigateTo({
|
||
url: `/pages/index/index`,
|
||
});
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.page {
|
||
background: #faf8f3;
|
||
display: flex;
|
||
flex-direction: column;
|
||
|
||
align-items: center;
|
||
//border: 1rpx solid #250404;
|
||
|
||
image {
|
||
margin-top: 24rpx;
|
||
width: 564rpx;
|
||
height: 564rpx;
|
||
//border: 1rpx solid #250404;
|
||
}
|
||
|
||
.container {
|
||
position: relative;
|
||
top: -46rpx;
|
||
margin-bottom: 150rpx;
|
||
|
||
.info {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
//border: 1rpx solid #250404;
|
||
|
||
text {
|
||
color: #695347;
|
||
text-align: center;
|
||
//border: 1rpx solid #250404;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 216.5%;
|
||
}
|
||
|
||
.success {
|
||
}
|
||
|
||
.time {
|
||
}
|
||
}
|
||
}
|
||
|
||
.back {
|
||
width: 552rpx;
|
||
height: 100rpx;
|
||
border-radius: 50rpx;
|
||
box-sizing: border-box;
|
||
border: 2rpx solid #c7a26d;
|
||
text-align: center;
|
||
font-size: 36rpx;
|
||
font-weight: 500;
|
||
line-height: 100rpx;
|
||
color: #c7a26d;
|
||
}
|
||
}
|
||
</style>
|