<template>
	<view class="content">
		<view class="nav">支付状态</view>
		<view class="icon"></view>
		<view class="title">支付成功</view>
		<button class="btn" type="default" @click="jumpPhp">（<text>{{time}}</text>s）跳转个人中心</button>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				time: 5
			}
		},
		onLoad(){
			if(timer){
				clearInterval(timer);
			}
			let timer = setInterval(() => {
				if(this.time <= 0){
					const {origin} = window.location;
					// 清除合同信息缓存
					uni.removeStorageSync('installment');
					this.$jump(`${origin}/index.php?app=member`, 1);
					clearInterval(timer);
					return;
				}
				this.time = this.time - 1;
			}, 1000)
		},
		methods:{
			jumpPhp(){
				// 清除合同信息缓存
				uni.removeStorageSync('installment');
				this.$jump(`${origin}/index.php?app=member`, 1);
			}
		}
	}
</script>

<style lang="scss">
	.content{
		height: 100vh;
		background-color: #fff;
		.nav{
			height: 100rpx;
			line-height: 100rpx;
			padding: 0 20rpx;
			position: relative;
			background-color: #fff;
			text-align: center;
			width: 100%;
			font-size: 30rpx;
			border-bottom: 1px solid #efefef;
		}
		.icon{
			background: url(data:image;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAMAAADwSaEZAAAAbFBMVEX/zlb//////vv//fn/+/L/+u///Pf//PT/+ev/9+X/+Oj/9uH/9Nv/9d7/89f/8tP/8c//8Mr/0Fv/67v/02f/0WH/0F7/35D/2oD/5qf/7cL/3Yj/0mT/6bH/13b/1nH/4pr/45//4JT/1W0DuFcCAAAD/0lEQVRYw63Y2WKbMBAFUOHESQCz7+Dd//+PlQZZVws2IultH/rS0zsjOTWw4D/GB9tR/ortJEO/ZH6FPR0jEt2G4e99GIG/joEC9KXFANcxUAr6VlGgHHoVAzU7n0aESB7avcE0iqC9FQJnjrwlDBaoWfoRiXjoD+TpHDRgGFFSVEowxdCd66Ysm/rcDYUgqd4yx5wRqRVRYTW1zEg7VSFx1E5uzsRgUS9JJbcGCtLcEsmpg3AxqkUjEhVfS/Yi5TUWnBgVkwLD6mWtqKrZm9RVJMuhm9EMFl9Wx1bS8dVBAyYpWFF6Yau5pJGrMcOiEfOaeaTOxaimxnCQslfeMK80ueyGQyBM3ol5RvRa6zZPSjckUNhO3lVhxRfmnUssNHl7d8B4L7LMc1w/U9J4N4UJVi4/rNimVCEdwrMaM4ol9TasToxqDMX4kFe2MVc+KKoRJk8yTMutWJmG8kSByZNEMf9q8kRnDBsLk2Y71iQhtsa0jZ3YL3LC1jQsjPvfYH0cAqMpqVjSel7VTD+nNqFqNCfD+ke/86uCoGBaRhwBw5Q3v89jwKNv9xaHJrbf8yknn5vwEYgMDJn4nPv9jGFl51WqKYja3ZmWM5bG1Mqcz2XpHNwPWV+99flUS2NqZYfG/olgVR12ZO3PVt1DHLpYaVp8nEEvkAWU8GEPsI6dApFMjT59zlbasDXMHfM+H9t3py4XpTDrL48Zcaw2ty2rjK28XCIVc1NzLHIwa7GXnxmIenG5cL3snIFpY072PxkHCK6XnWlxZzd3G7r13bPF3BYxdyFtBgvXy0q1iKWt+yOieFph/cJqU2DaxyldmmPE9VpOn+LjpH3QDyf2QsP1cnM64IOu/Qg6ZO3iTowfX+5aD/qPIG1p9+UNv/upecfKBIalHYrt/wkXB7EyYFha2m3FuhQrM/+rS9L8uM065mmCKTWMjmDYhg20fhNDtWzaYk0ZihEW7PQjSPOHv/XIU6zf+UrFtWw8ei9szLhlfaVCNXHXssr3q3uViTtmfNkzvx8nQjt69eIWti8w5wtyLLTx4bGvUVix/QXZrEZaMa2eY0GWXsx6qICWD8e3Iw45LOuhgqrRiUIrutcPr10hLTzu4NkJa9O0fOzaJartxly35BWzMVqb1Igrhr61pH4oiCJr+RFRTqq6zeWynHune385tmXZHi/9/VTknJprUS9YFgaNynFOes9IiVNUC5b7wI9u86iCkx7lKQlqHhG9Fh74A7yKEOWonfC4SL+FRK2oFl5FBGjmvAfimuKon4roRJSqJXsBg6Zu75PjHgeRkEuR8foGvYBBs18sCZBCkNeLJXAbX3mtvIwT+fvLOHTze00IaxlDu/UXmKCQfzZUUs7ujoekAAAAAElFTkSuQmCC) no-repeat;
			background-size: cover;
			width: 152rpx;
			height: 152rpx;
			margin: 0 auto;
			margin-top: 100rpx;
		}
		.title{
			text-align: center;
			margin-top: 30rpx;
			font-size: 30rpx;
		}
		.btn{
			font-size: 30rpx;
			margin: 0 48rpx;
			margin-top: 80rpx;
		}
		uni-button[type=default]{
			background-color: #FFCF59; 
			color: rgba(0,0,0,1);
		}
		uni-button[loading][type=default]{
			background-color: #dcb14d;
		}
		.button-hover[type=default]{
			color: rgba(0,0,0,.5);
			background-color: #dcb14d;
		}
	}
</style>