mz/pages/order/success.vue

<template>
	<view class="container">
		<view class="con-box">
			<view class="box-img"><image src="../../static/img/img27.png"></image></view>
			<view class="box-txt">预约成功</view>
			<view class="sub-bottom" @click="ToMyorder">查看预约</view>
		</view>
	</view>
</template>
<script>
	import { mapState, mapMutations } from 'vuex';
	export default {
		components: {},
		data() {
			return {};
		},
		onLoad(options) {},
		onShow() {},
		methods: {
			// 页面跳转
			ToMyorder() {
				uni.navigateTo({
					url: '/pages/order/myorder'
				});
			}
		}
	};
</script>
<style lang="scss">
	page{
		height: 100%;
	}
.container {
	padding-top: 20rpx;
	background: #F5F5F5;
	height: 100%;
	.con-box {
		height: 100%;
		background-color: #FFFFFF;
		width: 750rpx;
		padding-top: 170rpx;
		.box-img {
			width: 142rpx;
			height: 163rpx;
			margin: 0 auto 40rpx;
			image {
				width: 100%;
				height: 100%;
			}
		}
		.box-txt {
			font-size: $font-lg;
			font-weight: 500;
			color: rgba(44, 44, 44, 1);
			text-align: center;
		}
		.sub-bottom {
			width: 465rpx;
			line-height: 77rpx;
			background: $background-color;
			box-shadow: 0px 0px 13rpx 3rpx rgba(209, 212, 217, 0.31);
			border-radius: 38rpx;
			font-size: $font-lg + 2rpx;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
			text-align: center;
			margin: 70rpx auto 0;
		}
	}
}
</style>