<template>
	<view class="subscibe-Ok">
		<u-navbar title="预约成功" title-width="400" class="navBar" :title-bold="true"></u-navbar>
		<view class="content">
			<u-image width="160rpx" class="img" height="160rpx" src="../../../static/feedback.png"></u-image>
			<view class="text">
				已成功预约，请留意我们工作人员的回访电话
			</view>
			<text class="time">{{time}}s自动返回</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				time: 3,
				timer: null,
			}
		},
		onLoad() {
			this.timer = setInterval(() => {
				if (this.time === 1) {
					clearInterval(this.timer)
					uni.switchTab({
						url:'../mian'
					})
				}
				this.time = this.time - 1
			}, 1000)
		},
		onUnload(){
			clearInterval(this.timer)
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		margin-top: 120rpx;
		text-align: center;

		.img {
			margin: 0 auto 48rpx;
		}

		.text {
			margin-bottom: 20rpx;
		}

		.time {
			color: #C0C4CC;
		}
	}
</style>
