| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109 |
- {__NOLAYOUT__}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset={:C('DEFAULT_CHARSET')}" />
- <title>{:L('system_name')}</title>
- <style>
- *{ font-family:"Open Sans","Microsoft Yahei","arial",sans-serif; margin: 0; padding:0;}
- body{background-color: #364150;}
- .login_logo{text-align:center; margin-top: 70px; padding: 15px;}
- .login_logo_cn{font-weight: 300; font-size: 33px; color: #26A69A;}
- .login_logo_en{font-weight: 300; font-size: 18px; color: #26A69A;}
- .login_form{width:360px; padding: 30px 30px 35px 30px; margin: 35px auto 0; border-radius: 7px 7px 0 0; background-color: #eceef1; overflow: hidden;}
- .login_form_title{text-align: center; font-size: 28px; font-weight: 300; color: #4db3a5;}
- .login_formText{margin-top: 20px; position: relative;}
- .login_form_txt{width: 340px; height:30px; line-height:30px; display: block; padding: 4px 10px; border: 1px solid #dde3ec; border-radius: 2px; background-color: #dde3ec; font-size: 14px; color: #8290a3; outline: none;
- transition : border-color ease-in-out .15s, box-shadow ease-in-out .15s
- }
- .login_form_txt:active,.login_form_txt:focus{border:1px solid #c3ccda;}
- .login_form_txt::-moz-placeholder {
- color: #8290a3;
- opacity: 1;
- }
- .login_form_txt:-ms-input-placeholder {
- color: #8290a3;
- }
- .login_form_txt::-webkit-input-placeholder {
- color: #8290a3;
- }
- .login_formText .checkcode{height: 28px; position: absolute; top: 6px; right: 6px;}
- .login_form_user i{width: 21px; height: 24px; position: absolute; top: 8px; right: 10px; background: url(./Public/Images/icon_user.png) 0 0 no-repeat; overflow: hidden;}
- .login_form_pass i{width: 22px; height: 25px; position: absolute; top: 8px; right: 10px; background: url(./Public/Images/icon_lock.png) 0 0 no-repeat; overflow: hidden;}
- .login_form_msg{width: 420px; height: 36px; line-height: 36px; margin: 0 auto 20px; text-align: center; font-size: 12px; color: #F3565D; border-radius: 0 0 7px 7px; background-color: #6c7a8d; font-size:14px;}
- .login_form_btn{width: 100%; display: block; padding: 10px 0; margin-top: 20px; border-radius: 2px; cursor: pointer; font-size: 16px; outline: none; color: #fff; border:0; background-color: #26A69A;}
- </style>
- </head>
- <body onLoad="reload()" id="loginbg" >
- <form method='post' name="login" id="form1" action="{:U('Login/doLogin')}">
- <div class="login_logo">
- <h4 class="login_logo_cn">网站管理系统</h4>
- <p class="login_logo_en">Manage System</p>
- </div>
- <div class="login_form">
- <h3 class="login_form_title">登录</h3>
- <div class="login_formText login_form_user">
- <input type="text" class="login_form_txt" placeholder="账 号" id="username" name="username"/>
- <i></i>
- </div>
- <div class="login_formText login_form_pass">
- <input type="password" class="login_form_txt" placeholder="密 码" name="password"/>
- <i></i>
- </div>
- <div class="login_formText">
- <input type="text" class="login_form_txt" placeholder="验 证 码" name="verifyCode" id="verifyCode" size="6" value="" maxlength="4"/>
- <img src="{:U('Home/Index/verify')}" onclick="javascript:resetVerifyCode();" class="checkcode" align="absmiddle" title="{:L('resetVerifyCode')}" id="verifyImage"/>
- </div>
- <input type="hidden" name="ajax" value="1">
- <input type="submit" value="登 陆" class="login_form_btn">
- </div>
- <div class="login_form_msg"><div id="result" class="result none"></div></div>
- </form>
- <load href="./Public/Js/jquery.min.js"/>
- <load href="./Public/Js/jquery.form.js"/>
- <load href="./Public/Js/my.js"/>
- <script language="JavaScript">
- jQuery(document).ready(function($){
- $('#form1').ajaxForm({
- beforeSend:function(){
- $('#result').html('<img src="./Public/Images/msg_loading.gif">').show();;
- },
- success:complete, // post-submit callback
- dataType: 'json'
- });
- });
- function complete(data){
- if (data.status==1)
- {
- $('#result').html(data.info).show();
- //art.dialog.tips('{:L("logined_ok")}',2);
- setTimeout(function(){ window.location.href = '{:U("Index/index")}';},1000);
- }else{
- $('#result').html(data.info).show();
- }
- }
- function reload(){
- document.login.username.focus();
- if(self!=top){
- window.top.location.href = '{:U("Login/index")}';
- }
- resetVerifyCode();
- }
- </script>
- <!--[if lte IE 9]>
- <load href="./Public/Js/placeholder.IE.js"/>
- <script type="text/javascript">
- $(function(){
- //IE模拟placeholder
- $(".login_form_txt").placeholder({
- labelMode: true,
- labelStyle: {
- margin: "6px 0 0 0",
- fontSize: "14px"
- }
- });
- })
- </script>
- <![endif]-->
- </body>
- </html>
|