'绑定手机号'

@@ -323,8 +323,8 @@ const bind = {
         }
     },
 
-    // 通过邮箱绑定手机号
-    emailMobile: (req, res, next) => {
+    // 通过邮箱强制绑定手机号
+    forceBindMobile: (req, res, next) => {
         let headerData = headerModel.setNav({
             navTitle: '绑定手机号', // 标题
             navBack: true, // 是否显示返回按钮
@@ -335,10 +335,10 @@ const bind = {
         res.render('bind/email-mobile', {
             width750: true,
             pageHeader: headerData,
-            pageFooter: true,
             localCss: true,
             module: 'passport',
             page: 'bind-email-mobile',
+            btnName: '绑定手机号',
             areaCode: '+86', // 默认区号
             countrys: req.ctx(RegServiceModel).getAreaData(), // 国别码
         });

@@ -82,7 +82,7 @@ router.post('/passport/password/reset', reset.passwordReset); // 重置密码
 router.get('/passport/password/resetsuccess', reset.passwordResetOkPage); // 重置成功
 
 // 通过邮箱登录绑定手机号
-router.get('/passport/bind/emailMobile', bind.emailMobile);
+router.get('/passport/bind/forceBindMobile', bind.forceBindMobile);
 /**
  * 密码找回
  */

@@ -17,5 +17,11 @@
         <button id="getVerifyCodeBtn" class="get-verify-code">获取验证码</button>
     </div>
     <div data-userverify="{{captchaShow}}" data-geetest="{{useGeetest}}" id="js-img-check" {{#unless useGeetest}} class="full-img-verify" {{/unless}}></div>
-    <button id="smsLoginBtn" class="sms-login-btn">登录</button>
+    <button id="smsLoginBtn" class="sms-login-btn">
+        {{#if btnName}}
+            {{btnName}}
+        {{^}}
+            登录
+        {{/if}}
+    </button>
 </div>

 require('passport/bind-email-mobile.page.css');
+
+const $ = require('yoho-jquery');
+const BindEmailMobile = require('./bind/email-mobile.js');
+
+$(() => {
+    new BindEmailMobile();
+});
+

 $disable-gray: #b0b0b0;
 
 .mobile-form-login {
-    padding: 60px;
+    padding: 100px 45px 45px;
+
+    .active {
+        background-color: #444 !important;
+    }
 
     > .form-group {
         border-bottom: 1px solid #e0e0e0;
@@ -15,15 +19,13 @@ $disable-gray: #b0b0b0;
         > input {
             width: 400px;
             border: none;
-            box-shadow: none;
-            background-color: transparent;
 
             &.mobile-input {
-                width: 280px;
+                width: 350px;
             }
 
             &.verify-code-input {
-                width: 260px;
+                width: 350px;
             }
         }
 
@@ -83,6 +85,7 @@ $disable-gray: #b0b0b0;
             font-size: 22px;
             float: right;
             margin-top: -8px;
+            min-width: 187px;
         }
     }
 

@@ -4,11 +4,12 @@
     background-color: #fff;
 
     .safety-tip {
-        line-height: 60px;
-        height: 60px;
+        line-height: 70px;
+        height: 70px;
         padding: 0 30px;
         font-size: 24px;
-        background-color: red;
+        background-color: #ff575c;
         color: #fff;
+        opacity: 0.8;
     }
 }