login.wxml 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <view class="wrapper">
  2. <block>
  3. <view class="title">欢迎登录</view>
  4. </block>
  5. <input class="mobile"
  6. type="number"
  7. placeholder="请输入手机号码"
  8. maxlength="11"
  9. placeholder-class="placeholder"
  10. value="{{form.cellphone}}"
  11. bindinput="mobileEventhandle"/>
  12. <view class="code-box">
  13. <input class="ver-code"
  14. type="number"
  15. placeholder="6位短信验证码"
  16. maxlength="6"
  17. placeholder-class="placeholder"
  18. value="{{form.code}}"
  19. bindinput="codeEventhandle"/>
  20. <button
  21. type="default"
  22. disabled="{{!(numCount === 0 || numCount === 60) || form.cellphone.length < 11}}"
  23. bind:tap="funGetCode">
  24. <text>获取验证码</text>
  25. <text hidden="{{numCount === 0 || numCount === 60}}">{{'(' + numCount + 's)'}}</text>
  26. </button>
  27. </view>
  28. <view class="agreement-wrap">
  29. <view class="checked-wrap">
  30. <image src="" wx:if="{{true}}"></image>
  31. <image src="" wx:if="{{false}}"></image>
  32. </view>
  33. <view class="text-wrap">
  34. <text style="color:rgba(102, 102, 102, 1);">同意</text>
  35. <text
  36. style="color:rgba(107, 133, 89, 1);"
  37. wx:for="{{'《xxAPP商家协议》'}}"
  38. wx:key="index">{{item}}</text>
  39. </view>
  40. </view>
  41. <view class="footer">
  42. <button class="login"
  43. hover-class="none"
  44. type="primary"
  45. disabled="{{!(form.cellphone.length === 11 && form.code.length === 6) || booLock}}"
  46. bind:tap="bindEvent">确定
  47. </button>
  48. <button
  49. class="auth"
  50. type="default">
  51. <text>微信登陆</text>
  52. <image src=""></image>
  53. </button>
  54. </view>
  55. </view>