login.wxml 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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
  30. class="checked-wrap"
  31. bind:tap="bindChange">
  32. <image
  33. src=""
  34. wx:if="{{!checked}}"></image>
  35. <image
  36. src=""
  37. wx:if="{{checked}}"></image>
  38. </view>
  39. <view class="text-wrap">
  40. <text style="color:rgba(102, 102, 102, 1);">同意</text>
  41. <text
  42. style="color:rgba(107, 133, 89, 1);"
  43. wx:for="{{'《xxAPP商家协议》'}}"
  44. wx:key="index">{{item}}</text>
  45. </view>
  46. </view>
  47. <view class="footer">
  48. <button class="login"
  49. type="primary"
  50. disabled="{{!(form.cellphone.length === 11 && form.code.length === 6) || booLock}}"
  51. bind:tap="bindEvent">确定
  52. </button>
  53. <view class="auth">
  54. <view
  55. class="disabled"
  56. hidden="{{checked}}"
  57. bind:tap="bindTip"></view>
  58. <button
  59. type="default"
  60. disabled="{{booLock}}"
  61. open-type="getPhoneNumber"
  62. bindgetphonenumber="getPhoneNumber">
  63. <text>微信登陆</text>
  64. <image src=""></image>
  65. </button>
  66. </view>
  67. </view>
  68. </view>