mirror/MCSManager
2
0
Fork 1
mirror of https://github.com/MCSManager/MCSManager.git synced 2025-01-24 15:14:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

第三个登录界面完成

Browse Source
This commit is contained in:
suwings 2018-04-07 19:31:15 +08:00
parent 5111c9629a
commit 8b71612c40
3 changed files with 24 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
property.js
View File

@ -52,7 +52,7 @@ MCSERVER.localProperty.is_allow_csrf = false;
//登录页面 URL，我们有两个登录页面，你可以选择其一，或自己选择
//可以 "/public/login/" 或者 "/public/login2/" 或你自定义
MCSERVER.localProperty.login_url = "/public/login/";
MCSERVER.localProperty.login_url = "/public/login3/";
//控制台历史记录最大缓存长度

12
public/login3/index.html
View File

@ -23,7 +23,7 @@
</head>
<body>
<div id='view-bg'>
<div id='view-bg' class="phone-none">
<img src="./static/login/img/background.jpg" height="100%" width="100%" />
</div>
@ -31,16 +31,18 @@
<div id="view-page">
<div id="panel-login">
<div id="panel-title">
<!-- 如果您想使用图片，或者文字作为 Logo，请修改这里 -->
<!-- <img src="./static/login/img/small_logo.png" width="120px" height="22px" /> -->
<span id="mptit">验证</span>
</div>
<p>您必须要进行身份识别，才可以进入面板</p>
<div id="panel-context">
<input class="minput" placeholder="标准账号 或 管理账号" style="width:100%;">
<input class="minput" placeholder="账号密码" style="width:100%;">
<button class="mbutton">验证</button>
<!-- 元素的 id 不可更改 -->
<input id="login-userid" type="text" class="minput" placeholder="标准账号 或 管理账号">
<input id="login-passwd" type="password" class="minput" onkeypress="enKeyPress()" placeholder="此账号密码">
<button id='login-button' class="mbutton" onclick="MCSERVER.btnLogin()">验证</button>
<p>忘记密码?
<a href="#">点击这里</a>
<a href="#" onclick="alert('请联系管理员更改密码，如果您是管理员，请删除 user/ 文件夹下的所有#开头的管理用户')">点击这里</a>
</p>
<div id="copyright" class="">

23
public/login3/static/login/css/style.css
View File

@ -88,10 +88,9 @@ a:active {
}
#panel-title {
/* height: 44px; */
max-width: 283px;
max-width: 284px;
max-height: 44px;
margin-bottom: 22px;
margin-bottom: 20px;
}
#mptit {
@ -100,7 +99,7 @@ a:active {
}
.minput {
display: block;
width: 100%;
padding: 6px 10px;
border-width: 1px;
border-color: #666;
@ -110,12 +109,9 @@ a:active {
border-style: solid;
background-color: rgba(255, 255, 255, .4);
-webkit-appearance: textfield;
text-rendering: auto;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
margin-bottom: 16px;
}
@ -158,4 +154,17 @@ a:active {
font-size: 10px;
color: rgb(133, 133, 133);
/* align-self: flex-end; */
}
/* phone page */
@media (max-width: 560px) {
.phone-none {
display: none;
}
#panel-login {
width: 100%;
height: 90%;
box-shadow: 0 0 0 rgb(0, 0, 0);
}
}