Authored by 郭成尧

Merge branch 'feature/loginview' into release/6.0.1

@@ -21,7 +21,9 @@ class SmsLoginNew extends Page { @@ -21,7 +21,9 @@ class SmsLoginNew extends Page {
21 mobileInput: $('input[name=mobile]'), 21 mobileInput: $('input[name=mobile]'),
22 getVerifyCodeBtn: $('#getVerifyCodeBtn'), 22 getVerifyCodeBtn: $('#getVerifyCodeBtn'),
23 verifyCode: $('input[name=verifyCode]'), 23 verifyCode: $('input[name=verifyCode]'),
24 - smsLoginBtn: $('#smsLoginBtn') 24 + smsLoginBtn: $('#smsLoginBtn'),
  25 + getPswrdBtn: $('#getPswrdBtn'),
  26 + getPasswordBox: $('.get-password-box')
25 }; 27 };
26 28
27 this.init(); 29 this.init();
@@ -42,6 +44,8 @@ class SmsLoginNew extends Page { @@ -42,6 +44,8 @@ class SmsLoginNew extends Page {
42 this.selector.mobileInput.bind('input', this.changeBtnStatus.bind(this)); 44 this.selector.mobileInput.bind('input', this.changeBtnStatus.bind(this));
43 this.selector.verifyCode.bind('input', this.changeBtnStatus.bind(this)); 45 this.selector.verifyCode.bind('input', this.changeBtnStatus.bind(this));
44 this.selector.smsLoginBtn.on('click', this.login.bind(this)); 46 this.selector.smsLoginBtn.on('click', this.login.bind(this));
  47 + this.selector.getPswrdBtn.on('click', this.showGetPasswordBox.bind(this));
  48 + this.selector.getPasswordBox.on('click', this.hiddenGetPasswordBox.bind(this));
45 49
46 if ($captcha.data('geetest')) { 50 if ($captcha.data('geetest')) {
47 this.selector.getVerifyCodeBtn.on('click', this.getVerifyCode.bind(this)); 51 this.selector.getVerifyCodeBtn.on('click', this.getVerifyCode.bind(this));
@@ -183,6 +187,21 @@ class SmsLoginNew extends Page { @@ -183,6 +187,21 @@ class SmsLoginNew extends Page {
183 clearMobile() { 187 clearMobile() {
184 this.selector.mobileInput.val(''); 188 this.selector.mobileInput.val('');
185 } 189 }
  190 +
  191 + /**
  192 + * 显示找回密码遮罩
  193 + */
  194 + showGetPasswordBox() {
  195 + this.selector.getPasswordBox.removeClass('hide');
  196 + }
  197 +
  198 + /**
  199 + * 隐藏找回密码遮罩
  200 + */
  201 + hiddenGetPasswordBox() {
  202 + this.selector.getPasswordBox.addClass('hide');
  203 + return false;
  204 + }
186 } 205 }
187 206
188 module.exports = SmsLoginNew; 207 module.exports = SmsLoginNew;
@@ -297,6 +297,43 @@ $disable-gray: $b0b0b0; @@ -297,6 +297,43 @@ $disable-gray: $b0b0b0;
297 } 297 }
298 } 298 }
299 299
  300 + .get-password-box {
  301 + position: fixed;
  302 + top: 0;
  303 + right: 0;
  304 + bottom: 0;
  305 + left: 0;
  306 + z-index: 2;
  307 + background-color: rgba(0, 0, 0, 0.4);
  308 +
  309 + .bottom-button-box {
  310 + position: fixed;
  311 + z-index: 3;
  312 + bottom: 0;
  313 + left: 0;
  314 + right: 0;
  315 +
  316 + a {
  317 + width: 50%;
  318 + height: 100px;
  319 + font-size: 30px;
  320 + line-height: 100px;
  321 + float: left;
  322 + text-align: center;
  323 + }
  324 +
  325 + .by-email {
  326 + background-color: #fff;
  327 + color: #444;
  328 + }
  329 +
  330 + .by-mobile {
  331 + background-color: #444;
  332 + color: #fff;
  333 + }
  334 + }
  335 + }
  336 +
300 .hide { 337 .hide {
301 display: none; 338 display: none;
302 } 339 }