<view>
  <view class='setting-info'>
    <form bindsubmit="formSubmit" class='form'>
      <view class='nickname-box'>
        <text class='setting-title'>昵称</text>
        <view class='user-action'>
          <input class='nickname' type='text' placeholder='喔喔' placeholder-class='placeholderStyle' focus='{{ true }}'>
          </input>
        </view>
        <view class='edit-img'>
          <image src='../../../static/image/edit.png' class='icon'></image>
        </view>
      </view>
      <view class='sex-box'>
        <view class='setting-title'>性别</view>
        <radio-group class="radio-group" bindchange="optionAction">
          <label class="radio" wx:for="{{ sexs }}" wx:key="{{ index }}">
            <text class='sex-title'>{{ item.value }}</text>
            <radio value="{{ item.value }}" checked="{{ item.checked }}" color='#fff' />
          </label>
        </radio-group>
      </view>
      <view class='birthday-box'>
        <text class='setting-title'>生日</text>
        <input type='text' placeholder='2001年12月12日'></input>        
      </view>
      <view class='occupation-box'>
        <text class='setting-title'>职业</text>
        <radio-group class="radio-group" bindchange="optionSetting">
          <label class="radio" wx:for="{{ occupations }}" wx:key="{{ index }}">
            <text class='sex-title'>{{ item.value }}</text>
            <radio value="{{ item.value }}" checked="{{ item.checked }}" color='#fff' />
          </label>
        </radio-group>
      </view>
      <view class='school-box'>
        <text class='setting-title'>学校</text>
        <input class='address' type='text' placeholder='北京市海淀区万泉胜景远小学'></input>
        <view class='edit-image'>
          <image src='../../../static/image/edit.png' class='icon'></image>
        </view>
      </view>
      <view class="submit-btn">
        <button class='btn' formType="submit">确定</button>
      </view>
    </form>
  </view>
</view>