<template>
	<view class="past-due-page">
		<popup-view v-model="visible" mode="center" border-radius="15" z-index="1000">
			<view class="log-out">
				<view class="log-out-tip">登录已过期，请退出重新打开页面！</view>
				<!-- <view class="log-out-footer">
					<view class="cancel" @click="closeLogOut">取消</view>
					<view class="shu"></view>
					<view class="log-out-submit" @click="submitLogOut">确定</view>
				</view> -->
			</view>
		</popup-view>
		<!-- 所有页面的弹框 -->
		<page-popup page="/pages/login/past-due"></page-popup>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				visible:true
			}
		}
	}
</script>

<style lang="scss" scoped>
	.past-due-page{
		height: 100vh;
		overflow: hidden;
		background-image: url('@/static/zy/index/bg.png');
		background-repeat: no-repeat;
		background-size: 100%;
	}
	.log-out{
		width: 590rpx;
		height: 200rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		.log-out-tip{
			height: 200rpx;
			font-weight: 500;
			font-size: 32rpx;
			color: rgba(0,0,0,0.85);
			line-height: 200rpx;
			text-align: center;
		}
		.log-out-footer{
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-top: 2rpx solid rgba(0,0,0,0.06);
			height: 100rpx;
			.cancel{
				width: 294rpx;
				height: 100rpx;
				line-height: 100rpx;
				font-weight: 500;
				font-size: 32rpx;
				color: #000000;
				text-align: center;
				border-right: 1px solid rgba(0,0,0,0.06);
			}
			.log-out-submit{
				width: 294rpx;
				height: 100rpx;
				line-height: 100rpx;
				font-weight: 500;
				font-size: 32rpx;
				color: #E55353;
				text-align: center;
			}
		}
	}
</style>