1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 |
- <!DOCTYPE html>
- <html>
- <head lang="en">
- <meta charset="UTF-8">
- <title>后台登录</title>
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="format-detection" content="telephone=no">
- <meta name="renderer" content="webkit">
- <meta http-equiv="Cache-Control" content="no-siteapp" />
- <link rel="alternate icon" type="image/png" href="/shop/Public/i/favicon.png">
- <link rel="stylesheet" href="/shop/Public/css/amazeui.min.css"/>
- <load href="__ROOT__/Public/js/jquery.min.js"/>
- <style>
- .main_box {
- position: absolute; top:50%; left:50%;
- margin-left: -300px; padding: 30px; width:600px; height:460px;
- border-radius: 10px;
- }
- .main_box .setting {position: absolute; top: 5px; right: 10px; width: 10px; height: 10px;}
- .main_box .setting a {color: #FF6600;}
- .main_box .setting a:hover {color: #555;}
- .login_logo {margin-bottom: 20px; height: 45px; text-align: center;}
- .login_logo img {height: 45px;}
- .login_msg {text-align: center; font-size: 16px;}
- .login_form {padding-top: 20px; font-size: 16px;}
- .login_box .form-control {display: inline-block; *display: inline; zoom: 1; width: auto; font-size: 18px;}
- .login_box .form-control.x319 {width: 319px;}
- .login_box .form-control.x164 {width: 164px;}
- .login_box .form-group {margin-bottom: 20px;}
- .login_box .form-group label.t {width: 120px; text-align: right; cursor: pointer;}
- .login_box .form-group.space {padding-top: 15px; border-top: 1px #FFF dotted;}
- .login_box .form-group img {margin-top: 1px; height: 32px; width:150px; vertical-align: top;}
- .login_box .m {cursor: pointer;}
- .bottom {text-align: center; font-size: 12px;}
- </style>
- </head>
- <body>
- <div class="page-container">
- <div class="main_box">
- <div class="login_box">
- <div class="login_logo">
- <!-- <img src="images/logo.png" > -->
- </div>
- <div class="login_form">
- <form action="login" id="login_form" method="post">
- <div class="form-group">
- <label for="name" class="t">用户名:</label>
- <input id="name" value="" name="username" type="text" class="form-control x319 in" autocomplete="off">
- </div>
- <div class="form-group">
- <label for="password" class="t">密 码:</label>
- <input id="password" value="" name="password" type="password" class="password form-control x319 in">
- </div>
- <div class="form-group">
- <label for="verify" class="t">验证码:</label>
- <input id="verify" name="verify" type="text" class="form-control x164 in">
- <img class="m" id="captcha_img" alt="验证码" src="{:U('Home/Login/createVerify')}" title="点击刷新"/>
- </div>
- <div class="form-group">
- <label class="t"></label>
- <label for="j_remember" class="m">
- <input id="j_remember" type="checkbox" value="true"> 记住登陆账号!</label>
- </div>
- <div class="form-group space">
- <label class="t"></label>
- <button type="submit" id="submit_btn" class="am-btn am-btn-primary am-btn-lg"> 登 录 </button>
- <input type="reset" value=" 重 置 " class="am-btn am-btn-default am-btn-lg">
- </div>
- </form>
- </div>
- </div>
- <div class="bottom">Copyright © {:date('Y')}<a href="#">系统登陆</a></div>
- </div>
- </div>
- <script>
- var captcha_img = $('#captcha_img');
- var verifyimg = captcha_img.attr("src");
- captcha_img.attr('title', '点击刷新');
- captcha_img.click(function(){
- if( verifyimg.indexOf('?')>0){
- $(this).attr("src", verifyimg+'&random='+Math.random());
- }else{
- $(this).attr("src", verifyimg.replace(/\?.*$/,'')+'?'+Math.random());
- }
- });
- </script>
- </body>
- </html>
|