JiangxiMiniProgram/pages/indexEntry/enroll/paymentSuccess/paymentSuccess.vue

<template>
	<view class="pageBgImg">
		<topNavbar title="报名结果"></topNavbar>
		<view class="pad">
			<view class="card">
				<view class="icon_img">
					<image src="../../../../static/images/index/ic_zixun.png" mode=""></image>
				</view>
				<view class="text">恭喜您，报名成功！</view>
				<view class="txt">开启您的学车之旅吧！</view>
			</view>
			<view class="btnBg" @click="goPage">开始学车</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		methods: {
			goPage() {
				uni.switchTab({
					url: '/pages/tabbar/learnCar/index'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.pageBgImg {
		.card {
			width: 100%;
			height: 392rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			.icon_img {
				width: 96rpx;
				height: 96rpx;
			}
			.text {
				font-size: 36rpx;
				color: #373A43;
				font-weight: 500;
				margin: 32rpx 0 22rpx 0;
			}
			.txt {
				font-size: 28rpx;
				color: #696B72;
				font-weight: 400;
			}
		}
		.btnBg {
			margin: 80rpx auto;
			width: 369rpx;
		}
	}
</style>