<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 class="uni-uncolor-btn"
		@click="$refs.customerServicePopup.open()">
			联系客服
		</view>
		
		<view class="form-item">
			<view class="tips"
			style="text-align: center;padding: 20rpx 0;">
				如有疑问请联系客服
			</view>
		</view>
		
		<customerServicePopup ref="customerServicePopup"/>
	</view>
</template>

<script>
	import customerServicePopup from '@/components/config/customerServicePopup.vue'
	export default {
		components : {
			customerServicePopup
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
.page{
	min-height: 100vh;
	background-color: #fff;
	.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;
		}
	}
	.form {
		padding: 30rpx;
		.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>
