login.wxml 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <view class='login-box' wx:if="{{flag==true}}">
  2. <image src='https://img.bbztx.com/miniProgram/challengeFamily/loginLogo.png'></image>
  3. <!-- 授权登录 -->
  4. <block wx:if="{{authorization}}">
  5. <view class='list-block'>
  6. <button bindtap='getUserProfile' class='button button-radius' disabled="{{clickTimes}}">微信手机号授权登录</button>
  7. <view class="btnBottom" bindtap='toggleLogin'>账号密码登录</view>
  8. </view>
  9. </block>
  10. <block wx:else>
  11. <view class='list-block'>
  12. <view class='item-content'>
  13. <input type='Number' class="loginInput" maxlength="11" bindinput="phoneNumInput" placeholder='请输入你的手机号'></input>
  14. </view>
  15. <view class='item-content'>
  16. <input type='text' focus='{{passwordFocus}}' class="loginInput" password="true" bindinput="passwordInput" placeholder='请输入密码'></input>
  17. </view>
  18. <view style="overflow: hidden;">
  19. <text style="float: right;font-size: 24rpx;" bindtap='navigatorURl'>忘记密码?</text>
  20. </view>
  21. <button bindtap='accountLogin' class='button button-radius' disabled="{{clickTimes}}">登录</button>
  22. <view class="btnBottom" bindtap='getUserProfile'>微信手机号授权登录</view>
  23. </view>
  24. </block>
  25. </view>
  26. <caseCoupon show="{{!show}}" invitePrice="{{invitePrice}}" vouchers="{{vouchers}}" bind:close="back"></caseCoupon>
  27. <!-- 第一次授权登录 -->
  28. <view wx:if="{{flag==false}}" data-weui-theme="{{theme}}" class="div">
  29. <view class="name">
  30. <view class="nc">手机号:</view>
  31. <input style="width: 300rpx;" value='{{phoneNum}}' disabled placeholder="请获取你的手机号" />
  32. <button bindgetphonenumber='getPhoneNumber' disabled="{{phoneNum}}" open-type="getPhoneNumber" class="getPhoneNumber">获取手机号</button>
  33. </view>
  34. <view class="name">
  35. <view class="nc">头像上传:</view>
  36. <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
  37. <image class="avatar" src="{{avatarUrl}}" wx:if="{{avatarUrl}}"></image>
  38. <view wx:else>+</view>
  39. </button>
  40. </view>
  41. <view title="昵称" class="name">
  42. <view class="nc">昵称:</view>
  43. <input type="nickname" bindinput="username" placeholder="请输入你的昵称" />
  44. </view>
  45. <view class="name">
  46. <view class="nc">密码设置:</view>
  47. <input password bindinput="pwSetting" placeholder="请输入你的密码" />
  48. </view>
  49. <view class="name">
  50. <view class="nc">密码确认:</view>
  51. <input password bindinput="pwConfirmation" placeholder="请重新输入密码" />
  52. </view>
  53. <!-- <button bindgetphonenumber='getPhoneNumber' open-type="getPhoneNumber" class='sure'>注册</button> -->
  54. <button bindtap="signIn" class='sure'>注册</button>
  55. </view>
  56. <!-- 弹窗 -->
  57. <noticePopup show="{{registeredShow}}">
  58. <view class="popupContent">
  59. <view class="contentText">
  60. <view class="progressText">当前手机号已存在账号,可直接进行登录</view>
  61. <view class="button button-warn button-radius btnSize" bindtap="getUserProfile"> 立即登录</view>
  62. </view>
  63. </view>
  64. </noticePopup>