back-email-success-hbs

@@ -20,6 +20,17 @@ class BackNew {
             page: 'back-email-new'
         });
     }
+
+    /**
+     * 通过邮箱找回密码成功页
+     */
+    backByEmailSuccess(req, res) {
+        res.render('back/email-success-new', {
+            width750: true,
+            module: 'passport',
+            page: 'back-email-success-new'
+        });
+    }
 }
 
 module.exports = BackNew;

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

+<div class="back-email-success-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="success-info">
+        <div class="iconfont">&#xe72b;</div>
+        <p class="info">验证邮件已发送至您的邮箱</p>
+        <p class="info">请在24小时内通过邮件内的链接设置新密码</p>
+    </div>
+    <div class="form-group back-email-success-btn">
+        <button id="backEmailSuccessBtn">完 成</button>
+    </div>
+    <div class="form-group resend-email-btn">
+        <button id="resendEmailBtn">重新发送邮件</button>
+    </div>
+</div>
\ No newline at end of file

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

+@define-extend padding-75 {
+    padding-left: 75px;
+    padding-right: 75px;
+}
+
+$top-bar-font-color: #444;
+
+.back-email-success-new-page {
+    @extend padding-75;
+
+    .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;
+        }
+    }
+
+    .success-info {
+        text-align: center;
+        margin-top: 105px;
+        margin-bottom: 70px;
+
+        .iconfont {
+            font-size: 160px;
+            margin-bottom: 68px;
+            color: #aeaeae;
+        }
+
+        .info {
+            text-align: center;
+            margin-bottom: 30px;
+            color: #444;
+        }
+    }
+
+    .form-group {
+        width: 100%;
+    }
+
+    .back-email-success-btn {
+        margin-top: 100px;
+
+        button {
+            width: 600px;
+            height: 70px;
+            border-radius: 4px;
+            background-color: #444;
+            font-size: 32px;
+            color: #fff;
+        }
+    }
+
+    .resend-email-btn {
+        margin-top: 60px;
+        text-align: center;
+
+        button {
+            background-color: #fff;
+            color: #444;
+            border-radius: 30px;
+            padding: 10px 30px;
+            border: 1px solid #444;
+        }
+    }
+}