great_group/center/paysuccess.vue

<template>
	<view class="pages">
		<view class="icon-wrap u-flex u-row-center">
			<u-icon name="checkmark" color="#fff" size="80"></u-icon>
		</view>
		<view class="title">{{title}}</view>
		<view class="tip">
			请耐心等待工作人员审核，约1-2个工作日
		</view>
		<view class="full-btn" @click="btnClick">查看报名记录</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				fromPage:'',
				title:'提交成功!'
			}
		},
		onShow() {		
		},
		onLoad(page) {
			this.fromPage = page.fromPage;
			if(this.fromPage=='nocash'){
				this.title = '兑换成功'
			}
		},
		methods: {
			btnClick(){
				uni.reLaunch({url: '/center/applylist'});
			}
		}
	}
</script>
<style>
	page{
		background-color: #F7F7F9;
	}
</style>
<style lang="scss" scoped>
.pages{
	text-align: center;
}

.icon-wrap{
	width: 180rpx;
	height: 180rpx;
	margin: 120rpx auto 20rpx;
	padding: 20rpx;
	background-color: #F01414;
	border-radius: 50%;
}
.title{
	font-size: 32rpx;
	font-family: SourceHanSansCN, SourceHanSansCN;
	font-weight: bold;
	color: #F21F1F;
	line-height: 48rpx;
	margin-top: 40rpx;
	margin-bottom: 20rpx;
}
.tip{
	font-size: 24rpx;
	font-family: SourceHanSansCN, SourceHanSansCN;
	font-weight: 400;
	color: #7F7F7F;
	line-height: 36rpx;
	margin-bottom: 148rpx;
}
.full-btn{
	margin: 20rpx 10%;
	background: linear-gradient(90deg, #FF7878 0%, #ED0000 100%);
	font-size: 28rpx;
	font-family: SourceHanSansCN, SourceHanSansCN;
	font-weight: 400;
	color: #FFFFFF;
}
</style>