jp-education-student/pages/parents/course/payResult.vue

<template>
	<view>
		<u-navbar title="支付结果"></u-navbar>
		<view class="main">
			<img  src="../../../assets/img/payResult.png" alt="">
			<view class="text">
				支付成功
			</view>
			<view class="btn">
				<button class="back" @click="toHome">返回主页</button>
				<button class="view" @click="toPaymentRecord">查看缴费记录</button>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			toHome() {
				uni.switchTab({
					url: '/pages/parents/homePage/homePage'
				});
			},
			toPaymentRecord() {
				uni.navigateTo({
					url: '/pages/parents/course/paymentRecords'
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	page{
		background-color: #fff;
	}
	.main{
		margin-top: 140rpx;
		text-align: center;
		.text{
			margin-top: 48rpx;
			color: rgba(16, 16, 16, 1);
			font-size: 24px;
		}
		.btn{
			margin-top: 120rpx;
			display: flex;
			padding: 0 80rpx;
			uni-button{
				font-size: 16px;
				height: 40px;
				border-radius: 50px;
				width: 280rpx;
			}
			.back{
				background-color: rgba(255, 255, 255, 1);
				color: #101010;
				border: 1px solid rgba(223, 223, 223, 1);
			}
			.view{
				background-color: rgba(13, 186, 199, 1);
				color: rgba(255, 255, 255, 1);
			}
		}
	}

</style>