register.wxml 3.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!--pages/register/register.wxml-->
  2. <view class="register">
  3. <view class="con">
  4. <image src="../../images/icon/logo.png" bindtap="toIndex"></image>
  5. <!-- 第一步 -->
  6. <block wx:if="{{registerStep==1}}">
  7. <view class="login-form">
  8. <view class="item {{errorTips==1? 'error':''}}">
  9. <!-- 手机号 -->
  10. <view class="account">
  11. <text class="input-item">+86</text>
  12. <input type="text" bindinput="getInputVal" maxlength="11" data-type="mobile" placeholder-class="inp-palcehoder" placeholder="请输入手机号"></input>
  13. </view>
  14. <view class="error-text" wx:if="{{errorTips==1}}">请输入正确的手机号</view>
  15. </view>
  16. <view class="item {{errorTips==2? 'error':''}}">
  17. <!-- 验证码 -->
  18. <view class="account">
  19. <input type="text" class="int-yzm" bindinput="getInputVal" data-type="validCode" placeholder-class="inp-palcehoder" placeholder="请输入验证码"></input>
  20. <view class="input-item get-yzm" bindtap="getCode" wx:if="{{show}}">获取验证码</view>
  21. <view class="input-item get-yzm" bindtap="getCode" wx:if="{{!show}}">{{count}} s</view>
  22. </view>
  23. <view class="error-text" wx:if="{{errorTips==2}}">请输入验证码</view>
  24. </view>
  25. <view class="to-login" bindtap="toLogin">已有账号?<text>去登录></text></view>
  26. </view>
  27. <!-- 按钮 -->
  28. <view>
  29. <button class="authorized-btn" bindtap="registerNext">下一步</button>
  30. <button class="to-idx-btn" bindtap="toIndex">回到首页</button>
  31. </view>
  32. </block>
  33. <!-- 第二步 -->
  34. <block wx:if="{{registerStep==2}}">
  35. <view class="login-form">
  36. <view class="item {{errorTips==3? 'error':''}}">
  37. <!-- 设置账号 -->
  38. <view class="account">
  39. <text class="input-item">设置账号</text>
  40. <input type="text" bindinput="getInputVal" data-type="userName" placeholder-class="inp-palcehoder" placeholder="请您设置账号"></input>
  41. </view>
  42. <view class="error-text" wx:if="{{errorTips==3}}">账号为4~16位字母、数字或下划线</view>
  43. </view>
  44. <view class="item {{errorTips==4? 'error':''}}">
  45. <!-- 密码 -->
  46. <view class="account">
  47. <text class="input-item">设置密码</text>
  48. <input type="password" bindinput="getInputVal" data-type="password" placeholder-class="inp-palcehoder" placeholder="请您设置密码"></input>
  49. </view>
  50. <view class="error-text" wx:if="{{errorTips==4}}">请输入密码</view>
  51. </view>
  52. <view class="item {{errorTips==5? 'error':''}}">
  53. <!-- 确认密码 -->
  54. <view class="account">
  55. <text class="input-item">确认密码</text>
  56. <input type="password" bindinput="getInputVal" data-type="confirmPwd" placeholder-class="inp-palcehoder" placeholder="请再次输入密码"></input>
  57. </view>
  58. <view class="error-text" wx:if="{{errorTips==5}}">两次密码不一致</view>
  59. </view>
  60. </view>
  61. <!-- 按钮 -->
  62. <view>
  63. <button class="authorized-btn" bindtap="registerNext">下一步</button>
  64. <button class="to-idx-btn" bindtap="toIndex">回到首页</button>
  65. </view>
  66. </block>
  67. <!-- 第三步 -->
  68. <block wx:if="{{registerStep==3}}">
  69. <view class="login-form">
  70. <view class="successful">恭喜你,注册成功!</view>
  71. </view>
  72. <!-- 按钮 -->
  73. <view>
  74. <button class="authorized-btn" bindtap="toIndex">回到首页</button>
  75. </view>
  76. </block>
  77. </view>
  78. </view>