<view class='container'>
  <form bindsubmit="formSubmit">
  <view class='nickname-box'>
    <text class='text'>昵称</text>
    <input class='nickname' type='text' placeholder='喔喔' placeholder-class='placeholderStyle'>
    </input>
    <image src='https://developers.weixin.qq.com/miniprogram/dev/image/cat/0.jpg?t=18102320' class='icon'></image>
  </view>
  <view class='sex-box'>
    <text class='sex'>性别</text>
    <radio-group class="radio-group" bindchange="radioChange">
      <label class='radios' wx:for="{{ items }}" wx:key="{{ index }}">
        <text>{{ item.sex }}</text>
        <radio class='radio' value="{{ item.sex }}" checked="{{item.checked}}"/>
      </label>
    </radio-group>
  </view>
  <view class='birthday-box'>
    <text class='birthday'>生日</text>
    <view class='date'>2001年12月12日</view>
  </view>
  <view class='occupation-box'>
    <radio-group class="radio-groups" bindchange="checkboxChange">
      <text class='occupation'>职业</text>
      <label class="checkbox" wx:for="{{ checkbox }}" wx:key="{{ index }}">
        <text>{{ item.occupation }}</text>
        <radio value="{{ item.occupation }}" checked="{{item.checked}}"/>
      </label>
    </radio-group>
  </view>
  <view class='school-box'>
    <text class='sex'>学校</text>
    <view class="address-box">
      <picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
      <view class="picker">
        当前选择：{{region[0]}}，{{region[1]}}，{{region[2]}}
      </view>
    </picker>
    </view>
  </view>
   <view class="submit-btn">
    <button class='btn' formType="submit">完成</button>
  </view>
  </form>
</view>