<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>
