diff --git a/Bootstrap.Admin/Views/Account/Login.cshtml b/Bootstrap.Admin/Views/Account/Login.cshtml index a2a4ad98..addbe023 100644 --- a/Bootstrap.Admin/Views/Account/Login.cshtml +++ b/Bootstrap.Admin/Views/Account/Login.cshtml @@ -62,10 +62,10 @@ <input type="password" name="password" class="form-control" value="" placeholder="密码" data-required-msg="请输入密码" data-valid="true" /> </div> </div> - <div class="form-group"> - <div class="form-check"> - <input id="remember" name="remember" type="checkbox" class="form-check-input" value="true" /><label for="remember" class="form-check-label">记住我</label> - </div> + <div class="form-group rememberPwd" onselectstart="return false"> + <i class="fa fa-square-o"></i> + <span>记住密码自动登录</span> + <input id="remember" name="remember" type="hidden" value="false" /> </div> <button class="btn btn-lg btn-login btn-block" type="submit">登 陆</button> <div class="login-footer"> diff --git a/Bootstrap.Admin/wwwroot/css/login.css b/Bootstrap.Admin/wwwroot/css/login.css index 583eabbd..bc51545f 100644 --- a/Bootstrap.Admin/wwwroot/css/login.css +++ b/Bootstrap.Admin/wwwroot/css/login.css @@ -16,6 +16,15 @@ padding: 20px; } + .login-wrap .rememberPwd { + cursor: pointer; + color: #333; + } + + .login-wrap .rememberPwd i { + width: 13px; + } + .login-footer a:last-child { float: right; } @@ -29,7 +38,7 @@ box-shadow: 0 4px #e56b60; margin-bottom: 20px; outline: none !important; - margin-top: -8px; + margin-top: -4px; } .btn-login:focus { @@ -44,7 +53,3 @@ .form-control { border-color: #1ca0e9; } - -.form-check-label { - color: #333; -} diff --git a/Bootstrap.Admin/wwwroot/js/login.js b/Bootstrap.Admin/wwwroot/js/login.js index 4f122bf9..7dbca135 100644 --- a/Bootstrap.Admin/wwwroot/js/login.js +++ b/Bootstrap.Admin/wwwroot/js/login.js @@ -24,4 +24,17 @@ } }); }); -}) \ No newline at end of file + + $('.rememberPwd').on('click', function () { + var $this = $(this); + var $check = $this.find('i'); + var $rem = $('#remember'); + if ($check.hasClass('fa-square-o')) { + $check.addClass('fa-check-square-o').removeClass('fa-square-o'); + $rem.val('true'); + } else { + $check.addClass('fa-square-o').removeClass('fa-check-square-o'); + $rem.val('false'); + } + }); +}); \ No newline at end of file