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>
|