nsgk_mobile/src/views/register/companyRegister.vue

<template>
  <div class="app-container" :style="{height:height+'px'}">
    <van-nav-bar
      title="个人注册"
      left-arrow
      fixed
      placeholder
    />
    <van-form>
      <van-field v-model="tel" type="tel" label="手机号" placeholder="请输入手机号" required :rules="[{ required:true }]" />
      <van-field
        center
        clearable
        label="短信验证码"
        placeholder="请输入短信验证码"
        required
        :rules="[{ required:true }]"
      >
        <template #button>
          <van-button size="small" type="primary" native-type="button" :rules="[{ required:true }]">发送验证码</van-button>
        </template>
      </van-field>
      <van-field type="password" label="密码" placeholder="请输入密码" required :rules="[{ required:true }]"/>
      <van-field type="password" label="确认密码" placeholder="请再次输入密码" required :rules="[{ required:true }]"/>

      <van-field label="公司名称" placeholder="请输入公司名称" required :rules="[{ required:true }]"/>
      <van-field label="负责人姓名" placeholder="请输入负责人姓名" required :rules="[{ required:true }]"/>
      <van-field label="身份证号" placeholder="请输入法人身份证号" required :rules="[{ required:true }]"/>
      <van-field label="社会信用代码" placeholder="请输入公司的社会信用代码" required :rules="[{ required:true }]"/>
      <van-field label="营业执照号" placeholder="请输入公司的营业执照号" required :rules="[{ required:true }]"/>
      <van-field label="联系地址" placeholder="请输入联系地址" />
      <div class="submit">
        <p>我已阅读并同意<span>《农村产权交易信息服务平台会员注册协议》</span></p>
        <van-button round block type="info" color="#007E72" native-type="submit">立即注册</van-button>
      </div>
    </van-form>
  </div>
</template>

<script>
export default {
  name: "notice",
  data() {
    return {
      height:0,
      tel:''
    };
  },
  created() {
    this.height = document.body.clientHeight
  },
  methods: {},
};
</script>

<style scoped lang="scss">
.app-container {
  background-color: #FFF;
}
.submit{
  position: absolute;
  bottom: 5%;
  width: 90%;
  left: 5%;
  p{
    text-align: center;
    margin-bottom: 0.2rem;
    span{
      color: #007E72;
    }
  }
}
</style>