1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<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>