<template>
	<view class="verfiy_name">
		<view class="vnf-tit">
			<view class="vntit">请填写实名认证信息</view>
			<view class="vntips">填写时，请保证输入信息的真实性</view>
		</view>
		<view class="form-group">
			<view class="form-item">
				<input type="text" v-model="rname" class="form-item--input" placeholder="请输入手机号持有人姓名"/>
			</view>
			
			<view class="form-item">
				<input type="text" v-model="rid" maxlength="18"  class="form-item--input" placeholder="请输入手机号持有人身份证号"/>
			</view>
		
		</view>
		<view class="gtbtnzone">
			<button class="gtbtn" @click="next">下一步</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				//姓名
				rname:"",
				// 身份证
				rid:"",
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.verfiy_name{
	height: 100%;
	overflow: hidden;
	position: relative;
}

.vnf-tit{
	width: 100%;
	padding-left: 36rpx;
	margin-top: 46rpx;
	
	.vntit{
		font-size: 46rpx;
		line-height: 1.6;
	}
	.vntips{
		padding: 10rpx;
		font-size: 22rpx;
		color: #999;
	}
}
.form-group{
	padding-left: 10rpx;
	padding-right: 10rpx;
	margin-top: 44rpx;
	
  // 输入框元素
  .form-item {
    display: flex;
    padding: 18rpx;
    border-bottom: 1rpx solid #f3f1f2;
    margin-bottom: 30rpx;
    height: 126rpx;

    &--input {
      font-size: 28rpx;
      letter-spacing: 1rpx;
      flex: 1;
      height: 100%;
	  background-color: #F8F8F8;
    }
  }
}

.gtbtnzone{
	position: fixed;
	left: 0%;
	bottom: 3%;
	height: 44rpx;
	width: 100%;
	
	.gtbtn{
		background: #10476E;
		color: #fff;
	}
}

</style>
