<!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>
|
<title>{$lang.cp_home}{if $ur_here} - {$ur_here}{/if}</title>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<link href="styles/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
<style>
|
body{
|
background-color: #fff;
|
}
|
.top{
|
padding: 20px 0 10px;
|
}
|
.jumbotron{
|
|
position: relative;
|
padding: 40px 0;
|
color: #fff;
|
height: 542px;
|
background: url("images/bg.jpg") no-repeat ;
|
}
|
.slogn-img>img{
|
width:90%;
|
/* max-width: 468px;*/
|
}
|
.login-box{
|
background: #fff;
|
width: 90%;
|
height:460px;
|
color: #000;
|
padding: 20px 50px;
|
}
|
form{
|
padding-top: 30px;
|
}
|
.form-group{
|
position: relative;
|
margin-bottom: 30px;
|
}
|
.form-group >.input{
|
height: 40px;
|
line-height: 40px;
|
padding-left: 50px;
|
}
|
.form-group>.ico{
|
position: absolute;
|
z-index: 10;
|
top: 32px;
|
left: 10px;
|
height: 24px;
|
padding-right: 10px;
|
border-right: 1px solid #ccc;
|
}
|
.form-group>label{
|
font-weight: 500;
|
font-size: 14px;
|
}
|
input[type="submit"]{
|
height: 40px;
|
margin-top: 20px;
|
}
|
.slogn-img{
|
padding-top: 10%;
|
}
|
.wellcome{
|
width: 90%;
|
}
|
.footer{
|
text-align: center;
|
}
|
.h500{
|
height: 500px;
|
position: relative;
|
}
|
.slogn-img{
|
position: absolute;
|
bottom:0;
|
}
|
</style>
|
{literal}
|
{/literal}
|
{insert_scripts files="../js/utils.js,validator.js"}
|
<script language="JavaScript">
|
<!--
|
// 这里把JS用到的所有语言都赋值到这里
|
{foreach from=$lang.js_languages key=key item=item}
|
var {$key} = "{$item}";
|
{/foreach}
|
{literal}
|
if (window.parent != window)
|
{
|
window.top.location.href = location.href;
|
}
|
{/literal}
|
//-->
|
</script>
|
</head>
|
|
<body>
|
<div class="container top">
|
<div class="col-xs-7"><h3 class="text-left">移动电商管理中心</h3></div>
|
<div class="col-xs-5"><h3 class="text-center wellcome">欢迎登录</h3></div>
|
</div>
|
<div class="jumbotron">
|
<div class="container">
|
<div class="col-xs-7 h500"><div class="slogn-img"><img src="images/bg2.png" class=" center-block" alt=""></div></div>
|
<div class="col-xs-5">
|
<div class="login-box">
|
<h3 class="text-center">用户名</h3>
|
<form method="post" action="privilege.php" name='theForm' onsubmit="return validate()">
|
<div class="form-group">
|
<div class="ico"><img src="images/icon1.png" alt=""></div>
|
<label class="control-label" >{$lang.label_username}</label>
|
<input type="text" name="username" class="form-control input" placeholder="请输入用户名" >
|
</div>
|
<div class="form-group">
|
<div class="ico"><img src="images/icon2.png" alt=""></div>
|
<label class="control-label" >{$lang.label_password}</label>
|
<input type="password" name="password" class="form-control input" placeholder="请输入密码" >
|
</div>
|
<div class="form-group">
|
<input type="submit" class="btn btn-danger form-control" value="立即登录">
|
</div>
|
<input type="hidden" name="act" value="signin" />
|
</form>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="container footer ">版权所有：xxxxxxx</div>
|
<script language="JavaScript">
|
<!--
|
document.forms['theForm'].elements['username'].focus();
|
{literal}
|
/**
|
* 检查表单输入的内容
|
*/
|
function validate()
|
{
|
var validator = new Validator('theForm');
|
validator.required('username', user_name_empty);
|
//validator.required('password', password_empty);
|
if (document.forms['theForm'].elements['captcha'])
|
{
|
validator.required('captcha', captcha_empty);
|
}
|
return validator.passed();
|
}
|
{/literal}
|
//-->
|
</script>
|
</body>
|
