mirror/MCSManager
2
0
Fork 1
mirror of https://github.com/MCSManager/MCSManager.git synced 2025-03-13 16:36:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

修改 - login

Browse Source
This commit is contained in:
suwings 2018-04-26 18:52:57 +08:00
parent 17a00f68e7
commit 1d6e011da5
2 changed files with 32 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
public/login/index.html
View File

@ -4,7 +4,7 @@
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Login</title>
<title>MCSM - 验证界面</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="../common/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="./static/main.css" rel="stylesheet">
@ -14,16 +14,16 @@
<body>
<!-- 背景图片 -->
<div id='view-bg'>
<div id='view-bg' class="phone_not">
<img src="./static/bg.jpg" height="100%" width="100%" />
</div>
<!-- 登录框 -->
<div id="mlogin_center">
<div id="mlogin_left">
<!-- 内容 -->
<div id="mlogin_left_context">
<div id="mlogin_left_context" class="phone_not">
<h3>欢迎使用</h3>
<p>欢迎你的来到,我作为程序将用尽一切力量来帮助你。</p>
<p>欢迎你的来到,作为程序将用尽一切力量来帮助你。</p>
<p>如有问题,请及时反馈！</p>
</div>

28
public/login/static/main.css
View File

@ -38,6 +38,8 @@ html {
top: 26%;
right: 10%;
box-shadow: 0 0 30px rgba(0, 0, 0, .6);
animation: Loading1 2s;
animation-fill-mode: forwards;
}
#mlogin_left_context {
@ -54,6 +56,7 @@ html {
}
#mlogin_right {
opacity: 0;
height: 420px;
width: 310px;
min-height: 420px;
@ -62,6 +65,11 @@ html {
right: 8%;
top: -20%;
box-shadow: 0 0 30px rgba(0, 0, 0, .6);
/* 动画 */
/* Safari 和 Chrome */
animation: Loading2 2s;
animation-fill-mode: forwards;
animation-delay: 1s;
}
#mlogin_center {
@ -162,4 +170,24 @@ html {
.phone {
display: block;
}
}
/* 动画 */
@keyframes Loading1 {
0% {
background-color: rgba(0, 0, 0, 0.1);
}
100% {
background-color: rgba(0, 0, 0, 0.8);
}
}
@keyframes Loading2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}