<template>
	<!-- 商家入住 -->
	<view class="merchant">
		<h1 class="title">请上传商家入驻材料</h1>
		<p class="avatar">商家</p>
		<view class="idPhoto">
			<p class="idTitle">上传身份证照片</p>
			<img src="../../static/takePhoto.png" style="width: 50px;height: 50px;" alt="" class="photo"/>
			<img src="../../static/takePhoto.png" style="width: 50px;height: 50px;" alt="" />
		</view>
		<view class="idPhoto">
			<p class="idTitle">上传营业执照</p>
			<img src="../../static/takePhoto.png" style="width: 50px;height: 50px;" alt="" class="photo"/>
		</view>
		<view class="idPhotoone">
			<p class="idTitle">上传银行卡号</p>
			<p>直接输入或者拍照上传</p>
			<img src="../../static/takePhoto.png" style="width: 50px;height: 50px;" alt="" class="photo"/>
			<input type="text" id="name" placeholder="请输入银行卡号" name="name" required class="block">
		</view>
		<view class="idPhoto">
			<p class="idTitle">补充描述</p>
			<textarea class="review-content" placeholder="输入补充描述"></textarea>
		</view>
		<view class="idPhoto">
			<p class="idTitle">手机号</p>
			<input type="text" id="name" name="name" required>
		</view>
		<view class="idPhoto">
			<p class="idTitle">图片验证码</p>
			<input type="text" placeholder="请输入图片验证码" id="name" name="name" required class="block">
		</view>
		<view class="submit-button">
			<p class="Tips">预计3哥工作日内，收到通知</p>
			<button class="submit">提交材料</button>
		</view>
	</view>
</template>

<script setup>

</script>

<style scoped>
.merchant {
	width: 95%;
	background-color: #fff;
	margin: 15px auto;
}
.title {
	font-size: 30px;
	font-weight: 700;
}
.avatar {
	padding: 10px 0 10px 0;
}
.idPhoto {
	width: 100%;
	height: 200rpx;
	border-bottom: 1px solid #c3c3c3;
}
.idPhotoone {
	width: 100%;
	height: 350rpx;
	border-bottom: 1px solid #c3c3c3;
}
.block {
	display: block;
	border: 1px solid #c3c3c3;
}
.idTitle {
	font-size: 22px;
	font-weight: 700;
	padding: 10px 0 10px 0;
} 
.photo {
	margin-right: 15px;
}
.review-content {
	margin-top: 20px;
  resize: none;
  height: 100px;
  margin-bottom: 16px;
  border: 1px solid #c3c3c3;
}
.submit {
	width: 90%;
	height: 50px;
	background-color: #9abbd9;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	border-radius: 15px;
	font-size: 18px;
}
.submit-button {
	margin-top: 50px;
}
.Tips {
	font-size: 14px;
	color: #c3c3c3;
	text-align: center;
	padding: 10px;
}
</style>
