<template>
	<view class="content">
		<view class="applyForm">
			<view class="formCol">
				<view class="title"><image src="../../static/icon_xingming@2x.png"></image><text>真实姓名</text></view>
				<view class="formOuter">
					<input type="text"/>
				</view>
			</view>
			<view class="formCol">
				<view class="title"><image src="../../static/icon_bulid@2x.png"></image><text>所在公司</text></view>
				<view class="formOuter">
					<input type="text"/>
				</view>
			</view>
			<view class="formCol">
				<view class="title"><image src="../../static/icon_chanqi@2x.png"></image><text>担任职位</text></view>
				<view class="formOuter">
					<input type="text"/>
				</view>
			</view>
			<view class="formCol">
				<view class="title"><image src="../../static/icon_shouji@2x.png"></image><text>联系方式</text></view>
				<view class="formOuter">
					<input type="text"/>
				</view>
			</view>
			<navigator url="../regSuccess/regSuccess">
			<view class="pinkBtn">申请注册</view>
			</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>
<style>
	page{background: #fff;}
</style>
<style lang="scss" scoped>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.applyForm{
		width:100%;
		padding:0 40rpx;
		box-sizing: border-box;
		.title{
			margin-top:40rpx;
			font-size: 32rpx;
			font-weight: 500;
			color: #333333;	
			display: flex;
			justify-content: flex-start;
			align-items: center;
			align-content: center;
			image{width:32rpx;height:32rpx;display: block;margin-right:15rpx;}
		}
		.formOuter{
			position: relative;
			box-sizing: border-box;
			height: 84rpx;
			border-radius: 7rpx;
			border: 1rpx solid #DEDEDE;		
			width:100%;
			margin-top:40rpx;
			input{
				position: absolute;
				width:100%;
				height:100%;
				top:0;left:0;
				box-sizing: border-box;
				padding:0 32rpx;
				font-size: 28rpx;
				font-weight: 400;
				color: #333333;								
			}
		}
		.pinkBtn{
			width: 670rpx;
			height: 88rpx;
			background: linear-gradient(90deg, #FF7E95 0%, #FF447B 100%);
			border-radius: 44rpx;
			font-size: 36rpx;
			font-weight: 500;
			color: #FFFFFF;		
			text-align: center;
			line-height:88rpx;
			margin:80rpx auto;
			
		}
	}
	
</style>
