<view class="inright borbot">
  <text class="title txtbold">填写报名信息</text>


  <view class="form ">
    <view class="borbot wrpy row crosscenter item">
      <view class="label">姓名</view>
      <view>
        <input placeholder="请输入姓名" bindinput="inputName"></input>
      </view>
    </view>
    <view class="borbot wrpy row crosscenter item">
      <view class="label">性别</view>
      <view class="radioGroup row">
        <view class="radio row crosscenter" bindtap="clickRadio" data-v="{{1}}">
          <image src="../../../imgs/radio{{gender==1?'-checked':''}}.png" mode="aspectFit"></image>
          <text>男</text>
        </view>
        <view class="radio row crosscenter" bindtap="clickRadio" data-v="{{2}}">
          <image src="../../../imgs/radio{{gender==2?'-checked':''}}.png" mode="aspectFit"></image>
          <text>女</text>
        </view>
      </view>
    </view>
    <view class="borbot wrpy row crosscenter item">
      <view class="label">年龄</view>
      <view class="flexible row between crosscenter" bindtap="clickAgegroup">
        <text class="{{!age_range&&'subtxt'}}">{{age_range?['','10-19','20-29','30-39','40-49','50-59','60-69','70-79'][age_range]:'请选择年龄段'}}</text>
        <text class="cuIcon-right">　</text>
      </view>
    </view>
    <view class="borbot wrpy row crosscenter item">
      <view class="label">手机号</view>
      <view>
        <input wx:if="{{!showAgegroupModal}}" placeholder="请填写手机号" bindinput="inputPhoneno" maxlength="11"></input>
      </view>
    </view>
    <view class="wrpy row item">
      <view class="label">地址</view>
      <view class="flexible">
        <textarea wx:if="{{!showAgegroupModal}}" placeholder="街道、门牌号等" bindinput="inputAddress"></textarea>
      </view>
    </view>
  </view>
</view>

<view class="row bot maincenter flexible" style="padding: 2em 0">
  <view class="btn danger" bindtap="clickRegister">确认报名</view>
</view>

<view class="cu-modal bottom-modal {{showAgegroupModal && 'show'}}">
  <view class="cu-dialog">
    <view class="cu-bar bg-white">
      <!-- <view class="action text-green">确定</view> -->
      <view class="action text-blue" bindtap="clickAgegroupModalCancel">取消</view>
    </view>
    <view class="padding-xl txtcenter txtpro">
      <view class="wrpy borbot" bindtap="clickAgegroupItem" data-agegroup="{{1}}">10-19</view>
      <view class="wrpy borbot" bindtap="clickAgegroupItem" data-agegroup="{{2}}">20-29</view>
      <view class="wrpy borbot" bindtap="clickAgegroupItem" data-agegroup="{{3}}">30-39</view>
      <view class="wrpy borbot" bindtap="clickAgegroupItem" data-agegroup="{{4}}">40-49</view>
      <view class="wrpy borbot" bindtap="clickAgegroupItem" data-agegroup="{{5}}">50-59</view>
      <view class="wrpy borbot" bindtap="clickAgegroupItem" data-agegroup="{{6}}">60-69</view>
      <view class="wrpy borbot" bindtap="clickAgegroupItem" data-agegroup="{{7}}">70-79</view>
    </view>
  </view>
</view>