<template>
	<view>
		<!-- 头部 -->
		<headContent>
			<template #left>
				<view class="head-revers-back iconfont" @click.stop="reversBackBtn()">&#xe604;</view>
			</template>
		</headContent>

		<view class="page-content">
			<text class="login-title">找回密码</text>
			<text class="login-content">找回您的币王账号</text>

			<form class="login-form">
				<view class="form-item">
					<input class="form-input" v-model="account" placeholder-class="form-input-place" placeholder="请输入您的手机号码或邮箱" />
				</view>
				<view class="form-btn" style="margin-top: 28rpx;" @click.stop="formSubmit">
					下一步
				</view>
			</form>
		</view>


	</view>
</template>

<script>
	import {
		reverseBack
	} from "@/utils/common.js"

	export default {
		name: 'retrieve-pswd', 
		data() {
			return {
			account:''
			};
		},
		methods: {
			reversBackBtn() {
				reverseBack()
			},
			formSubmit(){
				// 安全验证
				uni.navigateTo({
					url:`/pages/login/safety-verification?type=1&account=${this.account}`
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import "~./common.scss";
	.form-item{
		margin-top: 40rpx !important;
	}
</style>