<view class="container">
  <view class="hero fade-up">
    <view class="hero-badge">CREATE ACCOUNT</view>
    <view class="hero-title">创建新账号</view>
    <view class="hero-sub">完成基础信息即可开始使用垃圾信息识别与发布管理能力。</view>
  </view>

  <view class="card fade-up fade-up-delay-1">
    <view class="card-title">基础信息</view>
    <view class="card-desc">用户名和密码为必填，其余信息可后续在个人中心完善。</view>

    <view class="field">
      <text class="field-label">用户名</text>
      <input class="input" placeholder="至少 3 位" value="{{form.username}}" data-field="username" bindinput="onInput" />
    </view>

    <view class="field">
      <text class="field-label">密码</text>
      <input class="input" placeholder="至少 6 位" password value="{{form.password}}" data-field="password" bindinput="onInput" />
    </view>

    <view class="field">
      <text class="field-label">昵称</text>
      <input class="input" placeholder="用于页面展示" value="{{form.nickname}}" data-field="nickname" bindinput="onInput" />
    </view>

    <view class="field">
      <text class="field-label">公司</text>
      <input class="input" placeholder="选填" value="{{form.company}}" data-field="company" bindinput="onInput" />
    </view>

    <view class="field">
      <text class="field-label">岗位</text>
      <input class="input" placeholder="选填" value="{{form.title}}" data-field="title" bindinput="onInput" />
    </view>

    <view class="field">
      <text class="field-label">手机号</text>
      <input class="input" placeholder="选填" value="{{form.phone}}" data-field="phone" bindinput="onInput" />
    </view>

    <button class="btn btn-primary" loading="{{loading}}" bindtap="submit">提交注册</button>
  </view>
</view>
