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
<template>
<view class="fail_content">
<view class="main">
<image src="../static/common/chahua_jieshu@2x.png"></image>
<text class="fail_text">非常抱歉, 该地区暂未支持白条服务</text>
<text class="return_btn" @click="Return">({{seconds}})返回首页</text>
</view>
</view>
</template>
<script>
import { php } from '../common/host.js';
export default {
data() {
return {
seconds: 3
}
},
mounted() {
let timer = setInterval(() => {
this.seconds -= 1;
if(this.seconds == 0) {
clearInterval(timer);
window.location.href = php;
}
}, 1000);
},
methods: {
Return() {
window.location.href = php;
}
}
}
</script>
<style lang="less" scoped>
.fail_content {
width: 100%;
height: 100vh;
background: #FFF8CA;
padding-top: 0.5px;
.main {
width: 93.6%;
height: 83.2%;
margin: 24rpx auto 0;
background:linear-gradient(180deg,rgba(255,249,213,1) 0%,rgba(255,253,240,1) 100%);
box-shadow:0px 2px 10px 0px rgba(255,205,0,0.5);
image {
display: block;
margin: 160rpx auto 0;
width: 280rpx;
height: 192rpx;
}
.fail_text {
display: block;
text-align: center;
font-size: 32rpx;
line-height: 44rpx;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
margin-top: 48rpx;
color: #212121;
}
.return_btn {
display: block;
width: 280rpx;
height: 80rpx;
border-radius: 40rpx;
background-color: #FFDB00;
color: #000;
text-align: center;
line-height: 80rpx;
margin: 48rpx auto 0;
font-size: 28rpx;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
}
}
}
</style>