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