login.wxml 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <view class="container">
  2. <view class="top">
  3. <van-image width="340rpx" height="400rpx" src="/images/ic_login_bg.png" class="login-bg"/>
  4. <view class="back-icon" bind:tap="back" wx:if="{{isShowBack}}">
  5. <van-icon name="arrow-left" size="56rpx"/>
  6. </view>
  7. <view class="title-des">
  8. <view class="title">登录</view>
  9. <view class="des">欢迎再次回来~</view>
  10. </view>
  11. </view>
  12. <view class="content">
  13. <van-field
  14. type="number"
  15. custom-style="background: #F5F5F5;border-radius: 43rpx;margin-bottom:40rpx;"
  16. placeholder-style="font-size: 29rpx;color: #8A8B8E;"
  17. value="{{ formData.phone }}"
  18. clearable
  19. placeholder="请输入手机号"
  20. data-field="formData.phone"
  21. bind:change="onChange"
  22. border="{{ false }}"
  23. >
  24. <van-icon name="/images/ic_phone.png" size="45rpx" slot="left-icon" class="left-icon"/>
  25. </van-field>
  26. <van-field
  27. clearable
  28. type="number"
  29. custom-style="background: #F5F5F5;border-radius: 43rpx;margin-bottom:40rpx;"
  30. placeholder-style="font-size: 29rpx;color: #8A8B8E;"
  31. value="{{ formData.verify }}"
  32. data-field="formData.verify"
  33. placeholder="请输入验证码"
  34. bind:change="onChange"
  35. border="{{ false }}"
  36. >
  37. <van-icon name="/images/ic_code.png" size="45rpx" slot="left-icon" class="left-icon"/>
  38. <edu-code slot="button" phone="{{formData.phone}}"/>
  39. </van-field>
  40. <edu-button title="登录" bind:click="login"></edu-button>
  41. <view wx:if="{{showRegister}}" class="register-txt" bindtap="register">还没有账号,立即注册...</view>
  42. <van-divider contentPosition="center" custom-style="margin:100rpx 0 0!important;">
  43. <van-image width="110rpx" height="110rpx" fit="cover" src="/images/ic_wechat.png"
  44. bind:click="loginByWechat"/>
  45. </van-divider>
  46. <view class="wechat-txt">微信登录</view>
  47. </view>
  48. </view>