Authored by 陈轩

fix YH-4373

<div class="sms-login passport-page yoho-page">
<div class="sms-login sms-login-check passport-page yoho-page">
{{> passport/header}}
<div class="content">
<p class="sms-login-msg">验证码已发至&nbsp;<span class="tel">+{{area}} {{mobile}}</span></p>
<div class="input-container input-group sms-input row">
<input id="sms-code" class="input" type="text" placeholder="验证码">
<span class="input-addon">
<div class="input-addon">
<button type="button" id="resend-sms">重发验证码</button>
</span>
</div>
<button class="clear-input" type="button"></button>
</div>
<button id="btn-next" class="btn btn-next disable row" type="button">登录</button>
</div>
... ...
... ... @@ -3,6 +3,7 @@ var tip = require('plugin/tip');
var $resendBtn,
$nextBtn,
$smsCode,
$resetBtn,
mobile, area;
var page = {
... ... @@ -23,6 +24,7 @@ var page = {
domInit: function() {
$resendBtn = $('#resend-sms');
$nextBtn = $('#btn-next');
$resetBtn = $('.clear-input');
$smsCode = $('#sms-code');
mobile = $('#mobile').val();
area = $('#area').val();
... ... @@ -41,11 +43,17 @@ var page = {
$nextBtn.toggleClass('disable', !hasVal);
$nextBtn.prop('disabled', !hasVal);
$resetBtn.toggle(hasVal);
});
$nextBtn.on('click', function() {
!self.disableAjax && self.submit();
});
$resetBtn.on('click', function() {
$smsCode.val('');
$resetBtn.hide();
});
},
... ...
... ... @@ -4,10 +4,9 @@
}
#resend-sms {
display: block;
background-color: transparent;
width: 190px;
margin: 0 15PX;
width: 148PX;
margin: 0 15PX 0 28PX;
border: 1PX solid #36a74c;
padding: 5PX 0;
border-radius: 20PX;
... ... @@ -20,6 +19,12 @@
}
}
.sms-login-check {
.clear-input {
right: 175PX;
}
}
.sms-login-msg {
font-size: 28px;
color: #fff;
... ...