<template>
	<view class="page">
		<navbar
		title="需提交的材料"
		leftClick 
		@leftClick="$utils.navigateBack"
		/>
		
		<view class="form">
			<view class="form-item">
				<view class="title">
					请提交所需要的相对于的材料
				</view>
				<view class="tips">
					信息仅用于考证咨询方面，保证您的信息安全
				</view>
			</view>
			
			<view class="form-item">
				<uv-upload 
				:fileList="fileList" 
				:maxCount="1" 
				width="690rpx"
				height="280rpx" 
				multiple 
				@afterRead="afterRead" 
				@delete="deleteImage">
					<view class="upload">
						<image src="../static/auth/cart.png"
						mode="aspectFit"
						style="width: 390rpx;height: 280rpx;" />
						<view class="btn-add">
							点击上传
						</view>
					</view>
				</uv-upload>
			</view>
			<view class="form-item">
				<view class="tips"
				style="text-align: center;padding: 20rpx 0;">
					(确保文字清晰、可辨、避免遮挡、不全、反光)
				</view>
			</view>
		</view>
		
		<view class="uni-color-btn">
			认证
		</view>
		
		
	</view>
</template>

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

<style scoped lang="scss">
.page{
	min-height: 100vh;
	background-color: #fff;
	.form {
		padding: 30rpx;
		.form-item{
			.label{
				padding: 20rpx 0;
			}
			.form-input{
				border: 1px solid $uni-color;
				background: rgba($uni-color, 0.1);
				padding: 10rpx 20rpx;
				font-size: 28rpx;
			}
			.title{
				font-weight: 900;
				margin-top: 50rpx;
				padding: 10rpx 0;
			}
			.tips{
				font-size: 26rpx;
				color: #777;
				padding-bottom: 20rpx;
			}
		}
		.upload{
			display: flex;
			justify-content: center;
			align-items: center;
			width: 690rpx;
			background-color: #f3f3f3;
			border-radius: 10rpx;
			.btn-add{
				margin: auto;
				padding: 10rpx 20rpx;
				background-color: $uni-color;
				color: #fff;
				border-radius: 10rpx;
			}
		}
	}
}
</style>
