login.wxml 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!--pages/login/login.wxml-->
  2. <!-- <import src='/template/button/button.wxml' />
  3. <view class="container">
  4. 标题
  5. <view class="title">
  6. 登录/注册
  7. </view>
  8. 手机号
  9. <view class="cell">
  10. <input class="input" type="number" placeholder="请输入手机号码" bindinput="checkPhone" name='phone' maxlength="11" placeholder-style="color:#CDCFD3;font-size:30rpx;"></input>
  11. </view>
  12. 短信验证码
  13. <view class="cell">
  14. <input class="input" type="number" placeholder="请输入短信验证码" bindinput="checkcode" name='code' placeholder-style="color:#CDCFD3;font-size:30rpx;"></input>
  15. <view class="code {{color&&'color'}}" bindtap="getCode">{{code_message || '获取短信验证码'}}</view>
  16. </view>
  17. 注册协议
  18. <view class="agreement">
  19. <text>未注册开心灵工的手机号将自动注册,且代表您已经同意:</text>
  20. <view>
  21. <text class="agreement-link" data-url="{{userAgreement}}" catchtap="openWebView">《用户协议》</text>
  22. <text class="agreement-link" data-url="{{privacyPolicy}}" catchtap="openWebView">《隐私政策》</text>
  23. </view>
  24. </view>
  25. 登录
  26. <template is='button' data='{{text:"登录",func:"submit",background:canLogin?"linear-gradient(135deg, #5568F0 0%, #823BFF 100%)":"linear-gradient(135deg, #ECF0F3 0%, #E4E2E7 100%)",margin:50}}' />
  27. </view> -->
  28. <view class="container safe-area-bottom">
  29. <view class="container-top">
  30. <image src="../../assets/img/login_top.png"></image>
  31. </view>
  32. <view class="content">
  33. <view class="logo">
  34. <image src="../../assets/img/login_logo.png"></image>
  35. </view>
  36. <view class="title">
  37. 欢迎使用 开心灵工
  38. </view>
  39. <view class="content-main">
  40. <view class="content-main-input">
  41. <input type="text" placeholder="请输入手机号码" value="{{formatPhone}}" bindinput="checkPhone" name='phone' maxlength="13"
  42. placeholder-class="placeholder-class" />
  43. <text class="code-text {{color&&'color'}}" bindtap="getCode">{{code_message}}</text>
  44. </view>
  45. <view class="content-main-input">
  46. <input type="number" placeholder="请输入手机验证码" bindinput="checkCode" name="code"
  47. placeholder-class="placeholder-class" />
  48. </view>
  49. </view>
  50. <view class="tips" bindtap="checked">
  51. <view class="checkbox">
  52. <view class="checked" hidden="{{!isCheck}}"></view>
  53. </view>
  54. <view>登录即表示您已同意<text data-url="{{userAgreement}}" catchtap="openWebView"> 用户协议 </text>和<text
  55. data-url="{{privacyPolicy}}" catchtap="openWebView"> 隐私政策 </text>
  56. </view>
  57. </view>
  58. </view>
  59. <view class="bottom">
  60. <view class="button {{canLogin?'button-login':''}}" bindtap="submit">登录</view>
  61. <text>仅内部授权用户可登录</text>
  62. </view>
  63. <view class="container-bottom">
  64. <image src="../../assets/img/login_bottom.png"></image>
  65. </view>
  66. </view>
  67. <privacy-popup></privacy-popup>