Browse Source

更新登录页面

pull/48/head
叙述、别离 2 months ago
parent
commit
e6d18cd16a
5 changed files with 76 additions and 61 deletions
  1. +0
    -5
      src/admin/templets/index.htm
  2. +45
    -43
      src/admin/templets/login.htm
  3. +29
    -12
      src/static/web/css/admin.css
  4. +2
    -1
      src/static/web/css/style.css
  5. BIN
      src/static/web/img/login-bg.png

+ 0
- 5
src/admin/templets/index.htm View File

@@ -12,11 +12,6 @@
<script src="/static/web/js/admin.main.js"></script>
</head>
<body class="menu-show">
<?php if (preg_match('/MSIE/i',$_SERVER['HTTP_USER_AGENT']) || preg_match('/Trident/i',$_SERVER['HTTP_USER_AGENT'])) {?>
<div class="browsehappy">
<span>您使用的浏览器已过时,请<a href="https://www.dedebiz.com/browsehappy" target="_blank">更换浏览器</a>,提高后台操作体验</span>
</div>
<?php }?>
<div class="admin-head">
<div class="logo">
<a href="index_body.php" target="main" class="name"><?php echo cn_substr($cfg_webname, 12);?></a>


+ 45
- 43
src/admin/templets/login.htm View File

@@ -12,54 +12,56 @@
<script src="/static/web/js/login.js"></script>
</head>
<body>
<?php if (preg_match('/MSIE/i',$_SERVER['HTTP_USER_AGENT']) || preg_match('/Trident/i',$_SERVER['HTTP_USER_AGENT'])) {?>
<div class="browsehappy">
<span>您使用的浏览器已过时,请<a href="https://www.dedebiz.com/browsehappy" target="_blank">更换浏览器</a>,提高后台操作体验</span>
</div>
<?php }?>
<div class="login-head shadow-sm mb-3">
<div class="container">
<div class="row align-items-center">
<div class="col-6 col-md-4">
<a href="/" target="_blank" class="logo"><img src="/favicon.ico" title="<?php echo $cfg_webname;?>"><?php echo $cfg_webname;?></a>
</div>
<div class="col-6 col-md-8">
<div class="d-flex justify-content-end text-right">
<a href="https://www.dedebiz.com/service" target="_blank"><i class="fa fa-handshake-o"></i> 技术服务</a>
<a href="/" target="_blank" class="ml-3 d-none d-lg-block"><i class="fa fa-home"></i> 网站首页</a>
</div>
</div>
<div class="login-step">
<div class="row h-100">
<div class="col-lg-8 d-none d-lg-block">
<div class="login-bg"></div>
</div>
</div>
</div>
<div class="container">
<div class="login-from">
<?php echo $redmsg;?>
<div class="login-box shadow-sm mb-3">
<h1>后台登录</h1>
<form name="form1" method="post" action="login.php">
<input type="hidden" name="gotopage" value="<?php if (!empty($gotopage)) echo RemoveXSS($gotopage);?>">
<input type="hidden" name="dopost" value="login">
<input type="hidden" name="adminstyle" value="newDedeBIZ">
<div class="form-group">
<label for="iptUserid">管理员账号</label>
<input type="text" name="userid" id="iptUserid" class="form-control" placeholder="请输入管理员账号" required>
<div class="col-lg-4">
<div class="login-box">
<div class="logo">
<a href="/" target="_blank" class="logo"><img src="/favicon.ico" title="<?php echo $cfg_webname;?>"><?php echo $cfg_webname;?></a>
</div>
<div class="form-group">
<label for="iptPwd">管理员密码</label>
<input type="password" name="pwd" id="iptPwd" class="form-control" placeholder="请输入管理员密码" autocomplete="off" required>
<div class="title">
<h1>后台登录</h1>
<p>DedeBIZ系统基于PHP7版本开发,具有很强的可扩展性,并且采用GPLv2协议完全开放源代码。DedeBIZ支持采用现流行的Go语言设计开发,拥有简单易用、灵活扩展特性之外更安全、高效。</p>
</div>
<div id="vdimgck" class="form-group" style="display:none">
<label for="iptValidate">验证码</label>
<div class="input-group">
<input type="text" name="validate" id="iptValidate" class="form-control text-uppercase" placeholder="请输入验证码">
<img src="<?php echo $cfg_phpurl;?>/vdimgck.php" onclick="this.src='<?php echo $cfg_phpurl;?>/vdimgck.php?'+new Date().getTime()+Math.round(Math.random() * 10000)" title="验证码" id="validateimg">
</div>
<?php if (preg_match('/MSIE/i',$_SERVER['HTTP_USER_AGENT']) || preg_match('/Trident/i',$_SERVER['HTTP_USER_AGENT'])) {?><div class="alert alert-danger">您使用的浏览器已过时,请<a href="https://www.dedebiz.com/browsehappy" target="_blank">更换浏览器</a>,提高后台操作体验</div><?php }?>
<?php echo $redmsg;?>
<div class="login-from">
<form name="form1" method="post" action="login.php">
<input type="hidden" name="gotopage" value="<?php if (!empty($gotopage)) echo RemoveXSS($gotopage);?>">
<input type="hidden" name="dopost" value="login">
<input type="hidden" name="adminstyle" value="newDedeBIZ">
<div class="form-group">
<input type="text" name="userid" id="iptUserid" class="form-control" placeholder="请输入管理员账号" required>
<div class="form-icon">
<i class="fa fa-user-circle"></i>
</div>
</div>
<div class="form-group">
<input type="password" name="pwd" id="iptPwd" class="form-control" placeholder="请输入管理员密码" autocomplete="off" required>
<div class="form-icon">
<i class="fa fa-key"></i>
</div>
</div>
<div id="vdimgck" class="form-group" style="display:none">
<div class="input-group">
<input type="text" name="validate" id="iptValidate" class="form-control text-uppercase" placeholder="请输入验证码">
<img src="<?php echo $cfg_phpurl;?>/vdimgck.php" onclick="this.src='<?php echo $cfg_phpurl;?>/vdimgck.php?'+new Date().getTime()+Math.round(Math.random() * 10000)" title="验证码" id="validateimg">
</div>
<div class="form-icon">
<i class="fa fa-code"></i>
</div>
</div>
<div class="operate">
<button type="submit" class="btn btn-success shadow-lg">登录</button>
</div>
</form>
</div>
<div><button type="submit" class="btn btn-success btn-block">登录</button></div>
</form>
<p><?php echo $cfg_powerby;?></p>
</div>
</div>
<p><?php echo $cfg_powerby;?></p>
</div>
</div>
</body>

+ 29
- 12
src/static/web/css/admin.css View File

@@ -24,17 +24,27 @@ option{padding:0.25rem 0}
option:checked{color:var(--blue)}
textarea{padding:0.375rem 0.75rem;color:var(--gray);background:var(--white);border:1px solid var(--gray-300);vertical-align:middle}
input:focus,select:focus,textarea:focus{color:var(--gray);background:var(--white);border-color:var(--blue-300);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);outline:0}
.install-box{margin:0 auto;width:800px}
.install-head{padding:1rem 0;background:var(--white)}
.install-head .logo{font-size:18px;font-weight:600;color:var(--gray-dark)}
.install-head .logo img,.login-box .logo img{margin-right:0.5rem;height:36px}
.install-box{margin:0 auto;width:750px}
.install-box .card-header,.install-box .card-body{padding:1.25rem}
.install-box h1{margin:0;line-height:1.2;font-size:18px;font-weight:600;color:var(--gray-dark)}
.install-box label,.login-box label{margin-bottom:0.25rem}
.install-box .form-control,.login-box .form-control{height:36px}
.login-head{padding:1rem 0;background:var(--white)}
.login-head .logo{font-size:18px;font-weight:600;color:var(--gray-dark)}
.login-head .logo img{margin-right:0.5rem;height:32px}
.login-from{margin:5rem auto;width:500px}
.login-box{padding:1.25rem;background:var(--white)}
.login-box h1{margin-bottom:1rem;line-height:1.2;font-size:18px;font-weight:600;color:var(--gray-dark);text-align:center}
.install-box label{margin-bottom:0.25rem}
.install-box .form-control{height:36px}
.login-step{height:100vh;overflow-x:hidden}
.login-step .login-bg{height:100%;background:url(../img/login-bg.png) no-repeat top center;background-size:cover}
.login-box{padding:80px 100px}
.login-box .logo{padding-bottom:60px;font-size:18px;font-weight:600;color:var(--gray-dark)}
.login-box .title,.login-box .alert{margin-bottom:20px}
.login-box .title h1{margin-bottom:30px;font-size:24px;font-weight:600;color:var(--gray-dark)}
.login-from{margin-bottom:40px}
.login-from .form-group{margin-bottom:20px;position:relative}
.login-from .form-icon{position:absolute;top:16px;left:16px;z-index:998}
.login-from .form-icon i{font-size:18px!important;color:var(--gray-500)}
.login-from .form-control{padding-left:45px;height:50px}
.login-from .operate{margin-top:40px}
.login-from .operate button{width:100%;height:50px}
.admin-head{width:100%;height:60px;line-height:60px;background:linear-gradient(45deg,var(--green),var(--success-800) 100%)}
.admin-head .logo{float:left;padding-left:1.5rem;width:220px}
.admin-head .logo .name{font-size:18px;font-weight:600;color:var(--white);vertical-align:middle}
@@ -166,8 +176,15 @@ table,input,select,textarea,.login-box,.colordlg,.pubdlg,.quickselitem .topcat,.
.btn-sm{padding:0.375rem 0.6rem;height:30px;font-size:12px}
.btn-xs{padding:0.22rem;height:20px;line-height:1;font-size:12px;border-radius:0.35rem!important}
.btn+.btn{margin-left:10px}
@media (min-width:1200px){.modal-dialog{max-width:500px}}
@media (max-width:768px){td{white-space:nowrap}
.install-box,.login-from,.tips-box{width:100%}
@media (min-width:1200px){
.modal-dialog{max-width:500px}
}
@media screen and (max-width:1199px) and (min-width:992px){
.login-box{padding:30px}
}
@media (max-width:768px){
td{white-space:nowrap}
.install-box,.tips-box{width:100%}
.tips{padding:0 1rem}
.login-box{padding:30px}
}

+ 2
- 1
src/static/web/css/style.css View File

@@ -109,7 +109,8 @@ input[type=radio],input[type=checkbox],input[type=radio]:focus,input[type=checkb
#validateimg,.btn-send{border-radius:0 0.5rem 0.5rem 0!important}
#returntop{display:none;position:fixed;padding:10px 15px;right:1rem;bottom:1rem;color:var(--white);cursor:pointer;background:var(--orange);border-radius:0.5rem;border:0;z-index:9998}
#returntop:hover{background:var(--orange)}
@media (max-width:768px){.pb-m-3{padding-bottom:1rem}
@media (max-width:768px){
.pb-m-3{padding-bottom:1rem}
.login-from{width:100%}
.bannr-img,.item-theme-img img,.list-article-img img{height:250px}
.item-news-img img{height:210px}


BIN
src/static/web/img/login-bg.png View File

Before After
Width: 1260  |  Height: 870  |  Size: 213KB

Loading…
Cancel
Save