register.wxml 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <view class="inright borbot">
  2. <text class="title txtbold">填写报名信息</text>
  3. <view class="form ">
  4. <view class="borbot wrpy row crosscenter item">
  5. <view class="label">姓名</view>
  6. <view>
  7. <input placeholder="请输入姓名" bindinput="inputName"></input>
  8. </view>
  9. </view>
  10. <view class="borbot wrpy row crosscenter item">
  11. <view class="label">性别</view>
  12. <view class="radioGroup row">
  13. <view class="radio row crosscenter" bindtap="clickRadio" data-v="男">
  14. <image src="../../../imgs/radio{{gender=='男'?'-checked':''}}.png" mode="aspectFit"></image>
  15. <text>男</text>
  16. </view>
  17. <view class="radio row crosscenter" bindtap="clickRadio" data-v="女">
  18. <image src="../../../imgs/radio{{gender=='女'?'-checked':''}}.png" mode="aspectFit"></image>
  19. <text>女</text>
  20. </view>
  21. </view>
  22. </view>
  23. <view class="borbot wrpy row crosscenter item">
  24. <view class="label">年龄</view>
  25. <view class="flexible row between crosscenter" bindtap="clickAgegroup">
  26. <text class="{{!age_range&&'subtxt'}}">{{age_range||'请选择年龄段'}}</text>
  27. <text class="cuIcon-right"> </text>
  28. </view>
  29. </view>
  30. <view class="borbot wrpy row crosscenter item">
  31. <view class="label">手机号</view>
  32. <view>
  33. <input wx:if="{{!showAgegroupModal}}" placeholder="请填写手机号" bindinput="inputPhoneno" maxlength="11"></input>
  34. </view>
  35. </view>
  36. <view class="wrpy row item">
  37. <view class="label">地址</view>
  38. <view class="flexible">
  39. <textarea wx:if="{{!showAgegroupModal}}" placeholder="街道、门牌号等" bindinput="inputAddress"></textarea>
  40. </view>
  41. </view>
  42. </view>
  43. </view>
  44. <view class="row bot maincenter flexible" style="padding: 2em 0">
  45. <view class="btn danger" bindtap="clickRegister">确认报名</view>
  46. </view>
  47. <view class="cu-modal bottom-modal {{showAgegroupModal && 'show'}}">
  48. <view class="cu-dialog">
  49. <view class="cu-bar bg-white">
  50. <!-- <view class="action text-green">确定</view> -->
  51. <view class="action text-blue" bindtap="clickAgegroupModalCancel">取消</view>
  52. </view>
  53. <view class="padding-xl txtcenter txtpro">
  54. <view class="wrpy borbot" bindtap="clickAgegroupItem" data-agegroup="10-19">10-19</view>
  55. <view class="wrpy borbot" bindtap="clickAgegroupItem" data-agegroup="20-29">20-29</view>
  56. <view class="wrpy borbot" bindtap="clickAgegroupItem" data-agegroup="30-39">30-39</view>
  57. <view class="wrpy borbot" bindtap="clickAgegroupItem" data-agegroup="40-49">40-49</view>
  58. <view class="wrpy borbot" bindtap="clickAgegroupItem" data-agegroup="50-59">50-59</view>
  59. <view class="wrpy borbot" bindtap="clickAgegroupItem" data-agegroup="60-69">60-69</view>
  60. <view class="wrpy borbot" bindtap="clickAgegroupItem" data-agegroup="70-79">70-79</view>
  61. </view>
  62. </view>
  63. </view>