106 lines
2.4 KiB
Vue
106 lines
2.4 KiB
Vue
|
<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>
|