login.wxml 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <view class="toptip {{tipStaus}} text-white {{tipType}}" style='top:{{CustomBar}}px;'>{{tipText}}</view>
  2. <cu-custom bgColor="bg-color" canGoHome="{{true}}">
  3. <!-- <view slot="content"></view> -->
  4. </cu-custom>
  5. <view class="login_top bg-color">
  6. <view class="login_tit">
  7. <view class="login_tit_en">welcome to</view>
  8. <view class="login_tit_cn">欢迎来到冷链追溯系统</view>
  9. </view>
  10. <image class="login_logo" src="/img/logo.png"></image>
  11. </view>
  12. <scroll-view class="login_win">
  13. <view class="login_navs">
  14. <view class="login_navs_item {{loginNav == 'pwd' && ' sec'}}" bindtap="setNav" data-type="pwd">账号登录</view>
  15. <view class="login_navs_item {{loginNav == 'code' && ' sec'}}" bindtap="setNav" data-type="code">验证码登录</view>
  16. </view>
  17. <view class="login_form" wx:if="{{loginNav == 'pwd'}}">
  18. <view class="login_form_item">
  19. <image src="/img/icon_phone.png"></image>
  20. <input placeholder="请输入手机号" type='number' bindinput="setLoginName" value='{{loginName}}'></input>
  21. </view>
  22. <view class="login_form_item">
  23. <image src="/img/icon_lock.png"></image>
  24. <input placeholder="请输入密码" password type="text" adjust-position="{{false}}" bindinput="setLoginPwd"
  25. value='{{loginPwd}}'></input>
  26. </view>
  27. <view class="login_form_item">
  28. <input placeholder="请输入图形验证码" type='text' bindinput="setCaptChaImage" value='{{code}}'></input>
  29. <image class="captChaImage" src="{{img}}" bindtap="getCaptchaImage"></image>
  30. </view>
  31. <view class="login_fpwd" bindtap="loginFpwd">
  32. 忘记密码
  33. </view>
  34. <view class='cu-btn bg-color lg login_form_btn' bindtap="loginIn">立即登录</view>
  35. <!-- <view class="login_form_reg">
  36. <navigator url="/pages/register/register">立即注册</navigator>
  37. </view> -->
  38. </view>
  39. <form wx:if="{{loginNav == 'code'}}">
  40. <view class="login_form">
  41. <view class="login_form_item">
  42. <image src="/img/icon_phone.png"></image>
  43. <input placeholder="请输入手机号" type='number' bindinput="setLoginName" value='{{loginName}}'></input>
  44. </view>
  45. <view class="login_form_item">
  46. <image src="/img/icon_lock.png"></image>
  47. <input placeholder="请输入验证码" class='radius' type='number' bindinput='setCode' value='{{code}}'></input>
  48. <button class='cu-btn {{canClick?"line-color":"line-grey"}} shadow'
  49. bindtap='getValidCode'>{{codeBtnTxt}}</button>
  50. </view>
  51. <view class="login_fpwd"></view>
  52. <view class='cu-btn bg-color lg login_form_btn' bindtap="loginIn">立即登录</view>
  53. <!-- <view class="login_form_reg">
  54. <navigator>立即注册</navigator>
  55. </view> -->
  56. </view>
  57. </form>
  58. </scroll-view>
  59. <navigator class="login_foot" url="/pages/article/yinsizc">
  60. <text>登录即同意</text>
  61. <text class="login_foot_xy">隐私协议</text>
  62. </navigator>