bingxue-wechat/pages/activities/register/register.wxml

<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="男">
          <image src="../../../imgs/radio{{gender=='男'?'-checked':''}}.png" mode="aspectFit"></image>
          <text>男</text>
        </view>
        <view class="radio row crosscenter" bindtap="clickRadio" data-v="女">
          <image src="../../../imgs/radio{{gender=='女'?'-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||'请选择年龄段'}}</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="10-19">10-19</view>
      <view class="wrpy borbot" bindtap="clickAgegroupItem" data-agegroup="20-29">20-29</view>
      <view class="wrpy borbot" bindtap="clickAgegroupItem" data-agegroup="30-39">30-39</view>
      <view class="wrpy borbot" bindtap="clickAgegroupItem" data-agegroup="40-49">40-49</view>
      <view class="wrpy borbot" bindtap="clickAgegroupItem" data-agegroup="50-59">50-59</view>
      <view class="wrpy borbot" bindtap="clickAgegroupItem" data-agegroup="60-69">60-69</view>
      <view class="wrpy borbot" bindtap="clickAgegroupItem" data-agegroup="70-79">70-79</view>
    </view>
  </view>
</view>