Merge branch 'feature/loginview' into release/6.0.1

@@ -21,7 +21,9 @@ class SmsLoginNew extends Page {
             mobileInput: $('input[name=mobile]'),
             getVerifyCodeBtn: $('#getVerifyCodeBtn'),
             verifyCode: $('input[name=verifyCode]'),
-            smsLoginBtn: $('#smsLoginBtn')
+            smsLoginBtn: $('#smsLoginBtn'),
+            getPswrdBtn: $('#getPswrdBtn'),
+            getPasswordBox: $('.get-password-box')
         };
 
         this.init();
@@ -42,6 +44,8 @@ class SmsLoginNew extends Page {
         this.selector.mobileInput.bind('input', this.changeBtnStatus.bind(this));
         this.selector.verifyCode.bind('input', this.changeBtnStatus.bind(this));
         this.selector.smsLoginBtn.on('click', this.login.bind(this));
+        this.selector.getPswrdBtn.on('click', this.showGetPasswordBox.bind(this));
+        this.selector.getPasswordBox.on('click', this.hiddenGetPasswordBox.bind(this));
 
         if ($captcha.data('geetest')) {
             this.selector.getVerifyCodeBtn.on('click', this.getVerifyCode.bind(this));
@@ -183,6 +187,21 @@ class SmsLoginNew extends Page {
     clearMobile() {
         this.selector.mobileInput.val('');
     }
+
+    /**
+     * 显示找回密码遮罩
+     */
+    showGetPasswordBox() {
+        this.selector.getPasswordBox.removeClass('hide');
+    }
+
+    /**
+     * 隐藏找回密码遮罩
+     */
+    hiddenGetPasswordBox() {
+        this.selector.getPasswordBox.addClass('hide');
+        return false;
+    }
 }
 
 module.exports = SmsLoginNew;

@@ -297,6 +297,43 @@ $disable-gray: $b0b0b0;
         }
     }
 
+    .get-password-box {
+        position: fixed;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        z-index: 2;
+        background-color: rgba(0, 0, 0, 0.4);
+
+        .bottom-button-box {
+            position: fixed;
+            z-index: 3;
+            bottom: 0;
+            left: 0;
+            right: 0;
+
+            a {
+                width: 50%;
+                height: 100px;
+                font-size: 30px;
+                line-height: 100px;
+                float: left;
+                text-align: center;
+            }
+
+            .by-email {
+                background-color: #fff;
+                color: #444;
+            }
+
+            .by-mobile {
+                background-color: #444;
+                color: #fff;
+            }
+        }
+    }
+
     .hide {
         display: none;
     }