<template>
	<view class="app">
		<image src="../../static/paysuccess.png" mode=""></image>
		<view class="success">
			支付成功
		</view>
		<view class="goshopping" @tap='gos'>
			返回上一页
		</view>
		<view class="gohomepage" @tap='gohome'>
			去首页
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			gos() {
				uni.navigateBack({
					delta: 2
				});
			},
			gohome() {
				uni.switchTab({
					url: '/pages/homepage/homepage'
				});
			},
		},
	}
</script>

<style lang="scss">
	.app {
		font-size: 30rpx;
		height: 100vh;
		.goshopping,
		.gohomepage {
			padding: 0 30rpx;
			height: 70rpx;
			line-height: 65rpx;
			text-align: center;
			position: absolute;
			top: 50%;
			color: #4C7BC9;
			border: 1rpx solid #4C7BC9;
			border-radius: 30rpx;
		}

		.goshopping {
			left: 10%;
		}

		.gohomepage {
			right: 10%;
		}

		.success {
			font-size: 42rpx;
			position: absolute;
			top: 35%;
			left: 50%;
			transform: translateX(-50%);
		}

		image {
			width: 230rpx;
			height: 230rpx;
			position: absolute;
			top: 8%;
			left: 50%;
			transform: translateX(-50%);
		}
	}
</style>
