qingyuyiliao/pages/mine/pay_success.vue

<template>
	<view class="success">
		<image class="success-image" src="../../static/image/succes.png" mode="widthFix"></image>
		<view class="text">支付成功</view>
		<view class="buttom" @click="backHome">返回首页</view>
	</view>
</template>

<script>
export default{
	methods:{
		backHome:function(){
			uni.reLaunch({
				url:'../index/index'
			})
		}
	}
}
</script>

<style lang="scss">
	/* pages/pay_success/pay_success.wxss */
	.success {
		text-align: center;
	}

	.success-image {
		height: 230rpx;
		width: 230rpx;
		margin-top: 25%;
	}

	.text {
		font-size: 32rpx;
		margin-top: 30rpx;
		color:$mine-background-color;
		margin-bottom: 50rpx;
	}

	.buttom {
		height: 80rpx;
		width: 65%;
		line-height: 80rpx;
		margin: 0 auto;
		color: #ffffff;
		font-weight: 500;
		border-radius: 12rpx;
		background-color: $mine-background-color;
	}
</style>