login.wxml 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <view class="container">
  2. <view class="form-box">
  3. <view class="form-center">
  4. <image class="userinfo-avatar" src="/static/images/logo.png" mode="cover"></image>
  5. </view>
  6. <view class="form-center">
  7. <text>接单系统</text>
  8. </view>
  9. <view class="form-item">
  10. <view class="label" style="font-size:29rpx">手机号</view>
  11. <view class="content">
  12. <input class="username" type="number" maxlength="11" value="{{mobile}}" bindinput="bindMobileInput"
  13. placeholder="请输入联系手机" />
  14. </view>
  15. </view>
  16. <view class="form-item">
  17. <view class="label" style="font-size:29rpx">验证码</view>
  18. <view class="content" style="display:flex">
  19. <input class="captcha" style="width: 260rpx;" type="number" value="{{captcha}}" bindinput="bindcaptchaInput"
  20. placeholder="验证码" />
  21. <button class="form-item-getPhone" bindtap="getCaptcha">获取验证码</button>
  22. </view>
  23. </view>
  24. </view>
  25. <view style="display:flex;text-align:center">
  26. <button class="register-btn" bindtap="loginTemp">一键登录</button>
  27. </view>
  28. <view style="margin-top:40rpx;display: flex; " class="check-wrapper">
  29. <van-checkbox value="{{isChecked}}" shape="square" checked-color="#09afff" bind:change="checkChange">
  30. </van-checkbox>
  31. <view bindtap="checkProBtn" style="color:#249FEF">《鲸致生活接单系统用户协议》</view>
  32. </view>
  33. <view class="link-block">
  34. <view bindtap="goRegister">申请注册</view>
  35. </view>
  36. </view>