|
@@ -0,0 +1,103 @@
|
|
|
+<template>
|
|
|
+ <div class="bg">
|
|
|
+ <div class="form">
|
|
|
+ <div class="content">
|
|
|
+ <div class="field">
|
|
|
+ <div class="">姓名</div>
|
|
|
+ <input placeholder="请填写姓名" type="text" />
|
|
|
+ </div>
|
|
|
+ <div class="field">
|
|
|
+ <div class="">性别</div>
|
|
|
+ <input readonly placeholder="请选择性别" type="text" />
|
|
|
+ </div>
|
|
|
+ <div class="field">
|
|
|
+ <div class="">职业</div>
|
|
|
+ <input readonly placeholder="请选择职业" type="text" />
|
|
|
+ </div>
|
|
|
+ <div style="background: transparent" class="field">
|
|
|
+ <van-uploader
|
|
|
+
|
|
|
+ upload-text="上传图片"
|
|
|
+ max-count="1"
|
|
|
+ accept="image"
|
|
|
+ v-model="fileList"
|
|
|
+ />
|
|
|
+ <div style="color: #adb4bf">
|
|
|
+ 请上传身份证或驾照或营业执照等 身份证明
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="field">
|
|
|
+ <div class="">手机</div>
|
|
|
+ <input placeholder="请填写姓名" type="text" />
|
|
|
+ </div>
|
|
|
+ <div class="field">
|
|
|
+ <div class="">微信</div>
|
|
|
+ <input placeholder="请填写姓名" type="text" />
|
|
|
+ </div>
|
|
|
+ <div class="field">
|
|
|
+ <div class="">代理项目</div>
|
|
|
+ <input placeholder="请选择代理项目" type="text" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ fileList: [],
|
|
|
+ };
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.bg {
|
|
|
+ // background-image: url();
|
|
|
+ background: #d1d1d1;
|
|
|
+ width: 100vw;
|
|
|
+ overflow: hidden;
|
|
|
+
|
|
|
+ .form {
|
|
|
+ margin-top: 95vw;
|
|
|
+
|
|
|
+ padding: 0 30rpx;
|
|
|
+
|
|
|
+ .content {
|
|
|
+ width: 100%;
|
|
|
+ height: 200vh;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 30rpx;
|
|
|
+ padding-top: 60rpx;
|
|
|
+ padding-left: 30rpx;
|
|
|
+ padding-right: 30rpx;
|
|
|
+ .field {
|
|
|
+ margin-bottom: 30rpx;
|
|
|
+ width: 100%;
|
|
|
+ border-radius: 45rpx;
|
|
|
+ background: #f2f3f5;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-content: center;
|
|
|
+ align-items: center;
|
|
|
+ > div {
|
|
|
+ height: 90rpx;
|
|
|
+ color: #0a1a33;
|
|
|
+ padding-left: 30rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ > input {
|
|
|
+ width: 45%;
|
|
|
+
|
|
|
+ height: 90rpx;
|
|
|
+
|
|
|
+ padding-left: 30rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|