<template>
	<div class="en-infor">
		<div class="content">
			<div class="part">
				<span>法人姓名</span><input type="text" placeholder="请输入法人姓名"><br>
				<span>法人电话</span><input type="text" placeholder="请输入法人电话">
			</div>
			<div class="part">
				<span>身份证号</span><input type="text" placeholder="请输入身份证号">
			</div>
			<div class="photo">
			  <pic-ture :information="infor[0]" :pic="picture[0]"></pic-ture>
				<p>身份证正面</p>
      </div>
      <div class="photo">
			  <pic-ture :information="infor[1]" :pic="picture[1]"></pic-ture>
				<p>身份证反面</p>
      </div>
		</div>
		<router-link to="/enterprise/authortitle"><div class="button">下一步</div></router-link>
	</div>
</template>
<script>
	 import PicTure from "../components/picture.vue"
	 	export default{
		data(){
        return{
        	images: [],
        	 dataUrl:'',
        	 seen:false,
           infor:['first','second'],
           picture:['pictureone','picturetwo']
        	}
		},
		components:{
          PicTure 
		},
	}
</script>
<style scoped>
	.en-infor{
		width: 100%;
		padding: 0 0.3rem;
		.content{
			float: left;
			margin-top: -1.1111rem;
			width: 100%;
			background-color: #fff;
			height: 8.055556rem;
			border-radius: 10px;
			margin-bottom: 1.388889rem;
			box-shadow: 0px 3px 21px 5px rgba(96, 192, 255, 0.35);
			.part{
				width: 100%;
				padding-left: 0.305556rem;
				border-bottom: 1px solid #e8eff5;
				span{
					display: inline-block;
				font-size: 0.388889rem;
				color: #333333;
				padding: 0.430556rem 0;
				margin-right: 0.5rem;
				}
				input{
					border: 0;
				}
			}
			.photo{
				text-align: center;
				float: left;
				margin: 0 1.35rem;
				p{
					font-size: 0.388889rem;
					color: #333333;

				}
			}
		}
		.button{
			clear: both;
			width: 9.166667rem;
			height: 1.111111rem;
			background-color: #60c0ff;
			box-shadow: 0px 3px 21px 5px rgba(96, 192, 255, 0.35);
			border-radius: 40px;
			line-height: 1.111111rem;
			color: #ffffff;
			text-align: center;
		}
	}
</style>