veterans_H5/h5_web/pages/skillsTraining/submitSuccess/submitSuccess.vue

<!-- 报名提交成功 -->
<template>
	<view class="box">
		
		<!-- 导航栏 -->
		<u-navbar :is-back="false" title="" :background="{backgroundColor: '#3D5D4C'}" title-color="#fff"></u-navbar>
		<view class="box-content">
			<view class="box-content-image">
				<u-image src="../../../static/img/success-icon.png" mode="aspectFill" width="176" height="176"></u-image>
			</view>
			<view class="box-content-tips1">意向已提交</view>
			<view class="box-content-tips2">恭喜您，已将培训意向提交{{ schoolName }}，后续老师会根据报名情况确定是否开班，并联系您办理报名入学手续。</view>
			<view class="box-content-btn" @click="returnIndex">返回首页</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				schoolName: ''
			}
		},
		onLoad(page) {
			const { schoolName } = page
			this.schoolName = schoolName
		},
		methods: {
			returnIndex() {
				uni.switchTab({
					url: '../../index/index'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.box {
	&-content {
		text-align: center;
		padding: 0 90rpx;
		margin-top: 168rpx;
		&-image {
			width: 176rpx;
			height: 176rpx;
			margin: 0 auto;
		}
		&-tips1 {
			font-size: 40rpx;
			color: #000;
			margin-top: 36rpx;
		}
		&-tips2 {
			color: #545454;
			font-size: 26rpx;
			line-height: 40rpx;
			margin-top: 22rpx;
		}
		&-btn {
			width: 388rpx;
			height: 80rpx;
			line-height: 80rpx;
			text-align: center;
			background-color: #709078;
			border-radius: 40rpx;
			font-size: 30rpx;
			color: #fff;
			margin: 360rpx auto 0;
		}
	}
}
</style>