login.wxml 4.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <view class="container">
  2. <!-- <view class="icon_layout">
  3. <image class="icon" src="https://mmbiz.qpic.cn/mmbiz_png/icTdbqWNOwNQ0ia79enzYJBsZ3CIkLQGe39qeOxbpT9oM9KaCthzBa0PF75xzBGjZQGlM69TDggxpNX7ACibCjjtw/0?wx_fmt=png&t=1614824466" />
  4. </view> -->
  5. <!-- 短信验证码/账号密码登录的两个按钮-->
  6. <view class="login_check">
  7. <view style="margin-left: 66rpx;" bindtap="clickPhoneNumLogin">
  8. <text wx:if="{{login_check_tab==0}}" class="login_check_true">短信验证码登录</text>
  9. <text wx:else class="login_check_false">短信验证码登录</text>
  10. <block wx:if="{{login_check_tab==0}}">
  11. <view style="width: 225rpx; background-color: #5090FE; height: 1rpx;"> </view>
  12. </block>
  13. </view>
  14. <view style="margin-right: 66rpx;" bindtap="clicAccountPasswordLogin">
  15. <text wx:if="{{login_check_tab==1}}" class="login_check_true">账号密码登录</text>
  16. <text wx:else class="login_check_false">账号密码登录</text>
  17. <block wx:if="{{login_check_tab==1}}">
  18. <view style="width: 192rpx; background-color: #5090FE; height: 1rpx;"> </view>
  19. </block>
  20. </view>
  21. </view>
  22. <!-- 短信验证码/账号密码登录的两个按钮 end-->
  23. <!-- 短信验证码登录框等 -->
  24. <view wx:if="{{login_check_tab==0}}" class="phonenumber_login_layout">
  25. <!--输入手机号的iput-->
  26. <view class="phonenum_login_layout_input_bg">
  27. <image class="phonenum_login_layout_input_icon" src="../../image/login/phone_num_icon.png"></image>
  28. <input class="phonenum_login_layout_input" maxlength="11" type="number" placeholder="输入您的手机号" bindinput="bindPhoneInput" />
  29. </view>
  30. <!--输入手机号的iput end-->
  31. <!--输入验证码的iput-->
  32. <view class="phonenum_login_layout_input_bg" style="margin-top: 48rpx;">
  33. <image class="phonenum_login_layout_input_icon" src="../../image/login/phone_vcode_icon.png"></image>
  34. <input class="phonenum_login_layout_input" maxlength="6" type="number" placeholder="输入验证码" bindinput="bindVCodeInput" />
  35. <text style="color: #6275FE; font-size: 30rpx; margin-right: 19rpx;" bindtap="clickGetVCode">获取验证码</text>
  36. </view>
  37. <!--输入验证码的iput end-->
  38. </view>
  39. <!-- 短信验证码登录框等 end-->
  40. <!--账号密码登录框-->
  41. <view wx:elif="{{login_check_tab==1}}" class="phonenumber_login_layout">
  42. <!--输入手机号的iput-->
  43. <view class="phonenum_login_layout_input_bg">
  44. <image class="phonenum_login_layout_input_icon" src="../../image/login/phone_num_icon.png"></image>
  45. <input class="phonenum_login_layout_input" maxlength="11" type="number" placeholder="输入您的手机号" bindinput="bindPwdLoginPhoneInput" />
  46. </view>
  47. <!--输入手机号的iput end-->
  48. <!-- 密码的input-->
  49. <view class="phonenum_login_layout_input_bg" style="margin-top: 48rpx;">
  50. <image class="phonenum_login_layout_input_icon" src="../../image/login/account_pwd_icon.png"></image>
  51. <input class="phonenum_login_layout_input" password="{{showAccPwd}}" maxlength="11" placeholder="输入密码" bindinput="bindPwdInput" />
  52. <view class="account_show_pwd_icon_layout" bindtap="showAccountPwd">
  53. <image class="account_show_pwd_icon" style="margin-right: 22rpx;" src="../../image/login/account_show_pwd_icon.png"></image>
  54. </view>
  55. </view>
  56. <!-- 密码的input end-->
  57. <text style="color: #7F7F7F; margin-left: 500rpx; font-size: 30rpx;margin-top: 18rpx;" bindtap="showUpdatePwdLayout">忘记密码</text>
  58. </view>
  59. <!--账号密码登录框 end-->
  60. <!-- 按钮-->
  61. <view>
  62. <view class="login_btn_layout">
  63. <button class="login_btn" style="width: 100%;" bindtap="toTabIndex">登 录</button>
  64. <text wx:if="{{loginType==0}}" style="margin-top: 21rpx;" bindtap="toRegisterPage">注册</text>
  65. </view>
  66. </view>
  67. <!--修改密码框-->
  68. <updatePassword wx:if="{{showUpdatePassWordLayout}}" class="updatepwd_layout" bind:showUpdatePwdLayout="showUpdatePwdLayout"></updatePassword>
  69. <!--修改密码框 end-->
  70. </view>