orga0063
/
BootstrapAdmin
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

增加功能：移动端增加滑块验证码 link #IRWNP 

#Issue
https://gitee.com/LongbowEnterprise/dashboard/issues?id=IRWNP
This commit is contained in:
Argo Zhang 2019-03-14 15:40:30 +08:00
parent d2cb480c97
commit a8e0f10446
3 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
Bootstrap.Admin/wwwroot/css/login-responsive.css
View File

@ -33,6 +33,12 @@
padding: 0; padding: 0;
margin: 36px 0 0 370px; margin: 36px 0 0 370px;
width: 280px; width: 280px;
height: 200px; }
.slidercaptcha {
top: -254px;
left: -15px;
width: 310px;
height: 280px;
} }
} }

10
Bootstrap.Admin/wwwroot/css/login.css
View File

@ -14,6 +14,7 @@
.login-wrap { .login-wrap {
padding: 20px; padding: 20px;
height: 270px;
} }
.login-wrap .rememberPwd { .login-wrap .rememberPwd {
@ -57,14 +58,13 @@
.slidercaptcha { .slidercaptcha {
display: none; display: none;
position: relative;
bottom: 254px;
background-color: #00adec; background-color: #00adec;
width: 310px;
height: 280px;
border-radius: 4px; border-radius: 4px;
left: -10px;
box-shadow: 0 0 10px #fff; box-shadow: 0 0 10px #fff;
left: 0;
right: 0;
top: -232px;
height: 234px;
} }
.slidercaptcha canvas:first-child { .slidercaptcha canvas:first-child {

10
Bootstrap.Admin/wwwroot/js/login.js
View File

@ -58,15 +58,17 @@
}); });
$('button[type="submit"]').on('click', function(e){ $('button[type="submit"]').on('click', function(e){
if ($.browser.versions.mobile) return true; //if ($.browser.versions.mobile) return true;
$captcha.addClass('d-block'); $captcha.addClass('d-block');
return false; return false;
}); });
$('#captcha').sliderCaptcha({ $('#captcha').sliderCaptcha({
//setSrc: function() { width: $(window).width() < 768 ? 216 : 280,
// return '../images/pic/280/150/Pic' + Math.round(Math.random() * 136) + '.jpg' height: $(window).width() < 768 ? 110 : 150,
//}, setSrc: function() {
return '../images/pic/280/150/Pic' + Math.round(Math.random() * 136) + '.jpg'
},
onSuccess: function () { onSuccess: function () {
$('form').submit(); $('form').submit();
} }