jyred/pages/joinSuc/joinSuc.vue

<template>
	<view class="content">
		<view class="box">
			<view class="img">
				<image src="../../static/icon/joinSuc.png" mode=""></image>
			</view>
			<view class="info">
				<view class="succeed">
					您的报名已成功!
				</view>
				<view class="wait">
					我们将另行通知您采集血样的时间...
				</view>
			</view>
			
			<navigator url="/pages/index/index" open-type="switchTab" >
			   <button calss="toHome" type="default">	返回首页</button>
			</navigator>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
		}
	}
</script>

<style lang="scss">
	page{
		height: 100%;
	}
	.content{
		width: 750rpx;
		height: 100%;
		background-color: #f8f6f6;
		display: flex;
		justify-content: center;
		align-items: center;
		.box{
			display: flex;
			flex-direction: column;
			align-items: center;
			.img{
				height: 181rpx;
				width: 180rpx;
				image{
					height: 181rpx;
					width: 180rpx;
				}
			}
			.info{
				margin-top: 67rpx;
				display: flex;
				flex-direction: column;
				align-items: center;
				.succeed{
					color: #333;
					font-size: 32rpx;
				}
				.wait{
					color: #707070;
					font-size: 28rpx;
					margin-top: 18rpx;
				}
			}
			button{
				width: 464rpx;
				height: 77rpx;
				background-color: #cb3f33;
				border-radius: 38px;
				color: #FFFFFF;
				font-size: 34rpx;
				margin-top: 48rpx;
			}
		}
	}
</style>