email-hbs-ok

 class BackNew {
 class BackNew {
+    /**
+     * 通过手机找回密码
+     */
     backByMobile(req, res) {
     backByMobile(req, res) {
         res.render('back/mobile-new', {
         res.render('back/mobile-new', {
             width750: true,
             width750: true,
@@ -6,6 +9,17 @@ class BackNew {
             page: 'back-mobile-new'
             page: 'back-mobile-new'
         });
         });
     }
     }
+
+    /**
+     * 通过邮箱找回密码
+     */
+    backByEmail(req, res) {
+        res.render('back/email-new', {
+            width750: true,
+            module: 'passport',
+            page: 'back-email-new'
+        });
+    }
 }
 }
 
 
 module.exports = BackNew;
 module.exports = BackNew;

@@ -183,5 +183,6 @@ router.get('/passport/international-new', loginNew.international);
 router.get('/passport/reg-new', regNew.regPage);
 router.get('/passport/reg-new', regNew.regPage);
 router.get('/passport/sms-login-new', smsNew.smsLoginPage);
 router.get('/passport/sms-login-new', smsNew.smsLoginPage);
 router.get('/passport/back/mobile-new', backNew.backByMobile);
 router.get('/passport/back/mobile-new', backNew.backByMobile);
+router.get('/passport/back/email-new', backNew.backByEmail);
 
 
 module.exports = router;
 module.exports = router;

+<div class="back-email-new-page">
+    <div class="top-operation-bar">
+        <button class="back iconfont">&#xe72e;</button>
+        <span class="page-title">邮箱找回密码</span>
+        <button class="close iconfont">&#xe72d;</button>
+    </div>
+     <div class="back-email-form">
+        <div class="form-group email">
+            <label for="email" class="iconfont">&#xe724;</label><input type="text" name="email" placeholder="请输入邮箱"><i class="iconfont clear">&#xe72a;</i>
+        </div>
+        <button id="backEmailResetBtn" class="back-email-reset-btn">确 认</button>
+     </div>
+</div>

+require('passport/back-email-new.page.css');

+@define-extend padding-75 {
+    padding-left: 75px;
+    padding-right: 75px;
+}
+
+$top-bar-font-color: #444;
+
+.back-email-new-page {
+    @extend padding-75;
+
+    .iconfont {
+        color: #444;
+    }
+
+    .top-operation-bar {
+        width: 600px;
+        height: 50px;
+        margin-top: 50px;
+        color: $top-bar-font-color;
+
+        > button {
+            height: 50px;
+            width: 50px;
+            background-color: transparent;
+            font-size: 45px;
+            overflow: hidden;
+            padding: 0;
+            text-align: center;
+
+            &.back {
+                float: left;
+            }
+
+            &.close {
+                float: right;
+            }
+        }
+
+        > .page-title {
+            width: 500px;
+            font-size: 34px;
+            text-align: center;
+            display: inline-block;
+            margin-top: 7px;
+        }
+    }
+
+    .back-email-form {
+        margin-top: 100px;
+
+        > .form-group {
+            border-bottom: 1px solid #e0e0e0;
+            height: 50px;
+            margin-bottom: 56px;
+
+            > label {
+                font-size: 26px;
+                margin-right: 45px;
+            }
+
+            > input {
+                width: 400px;
+                border: none;
+                box-shadow: none;
+                background-color: transparent;
+            }
+
+            > i {
+                float: right;
+            }
+
+            &.email > .clear {
+                color: #e0e0e0;
+                margin-right: 8px;
+            }
+        }
+
+        .back-email-reset-btn {
+            width: 600px;
+            height: 70px;
+            border-radius: 4px;
+            background-color: #444;
+            margin-top: 100px;
+            font-size: 32px;
+            color: #fff;
+        }
+    }
+}