XEH-miniProgram/pages/self/wallet/success.vue

<template>
	<view class="page-wrap">
		<image class="success" src="../../../static/svg/success.svg"></image>
		<view class="text">支付成功</view>
		<view class="money">500.00</view>
		<button class="btn" @click="handleBack">返回企业钱包</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			handleBack(){
				uni.navigateBack({
					delta: 2
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
.page-wrap{
	min-height: 100%;
	padding-top: 130.49rpx;
	box-sizing: border-box;
	text-align: center;
	background: #fff;
	border-top: 1rpx solid #e0e0e0;
	.success{
		width: 137.36rpx;
		height: 137.36rpx;
	}
	.text{
		font-size: 32.97rpx;
		color: #333;
		margin: 41.21rpx 0 5.49rpx;
	}
	.money{
		font-size: 43.96rpx;
		color: #333;
		&:before{
			content: '￥';
			font-size: 32.97rpx;
		}
	}
	.btn{
		width: 576.92rpx;
		height: 75.55rpx;
		line-height: 75.55rpx;
		background: #00d2c3;
		border-radius: 8.24rpx;
		font-size: 30.22rpx;
		color: #fff;
		margin-top: 217.03rpx;
	}
}
</style>