<template>
	<view>
		<view class="login">
			<view class="verify_tips">
				To verify your email,we've send a verification code to xxxx@xx.com
			</view>
			<input type="text" class="login_input" placeholder="Enter code">
			<view class="tips">The code is incorrect.</view>
			<button class="login_submit" >CONTINUE</button>
			<view class="verify_text">Resend code</view>
		</view>
		<view class="mask"></view>
		<view class="verify_popup">
			<view class="verify_popup_close">
				<image src="../../static/img/close.png" mode=""></image>
			</view>
			<view class="verify_popup_title">Send!</view>
			<view class="verify_popup_msg">we send a new verification code to xxxx@xx.com</view>
			<view class="verify_popup_btn">
				<button>OKAY</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
	page{
		border-top: 13.33rpx #F7F7F7 solid;
		padding-top: 49.33rpx;
	}
	.verify_tips{
		font-size: 28rpx;
		font-weight: bold;
		margin-bottom: 52rpx;
	}
	.tips{
		margin: 44rpx 0;
	}
	.login_submit{
		margin-bottom: 33.33rpx;
	}
	.verify_text{
		font-size: 24rpx;
		text-align: center;
		font-weight: bold;
	}
	.mask{
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: black;
		opacity: 0.5;
		z-index: 998;
		top: 0;
		left: 0;
	}
	.verify_popup{
		width: 540rpx;
		height: 366.67rpx;
		position: fixed;
		left: 50%;
		margin-left: -270rpx;
		top: 50%;
		margin-top: -190rpx;
		background-color: white;
		border-radius: 20rpx;
		z-index: 999;
		box-sizing: border-box;
		padding:15rpx 22rpx;

		.verify_popup_close{
			text-align: right;
			
			image{
				width: 40rpx;
				height: 40rpx;
			}
		}
		.verify_popup_title{
			font-size: 40rpx;
			font-weight: 600;
			text-align: center;
			margin-bottom: 40rpx;
		}
		.verify_popup_msg{
			font-size: 26.67rpx;
			font-weight: 400;
			margin-bottom: 40rpx;
			text-align: center;
		}
		.verify_popup_btn{
			text-align: center;
			
			button{
				width: 321.33rpx;
				height: 56rpx;
				border-radius: 28rpx;
				background-color: black;
				color: white;
				border: none;
				font-size: 26.67rpx;
				font-weight: bold;
				line-height: 56rpx;
			}
		}
	}
</style>