Commit 0efcfd884072b698714c0884169c9b981b271846
1 parent
59622aed
登录
Showing
5 changed files
with
69 additions
and
1 deletions
login/login.html
| @@ -2,9 +2,29 @@ | @@ -2,9 +2,29 @@ | ||
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | <head> | 3 | <head> |
| 4 | <meta charset="UTF-8"> | 4 | <meta charset="UTF-8"> |
| 5 | - <title>Title</title> | 5 | + <title>登录</title> |
| 6 | + <link rel="stylesheet" href="../resource/lib/bootstrap/css/bootstrap.min.css"> | ||
| 7 | + <link rel="stylesheet" href="../resource/public/components.min.css?a=2"> | ||
| 8 | + <link rel="stylesheet" href="../resource/public/plugins.min.css?a=2"> | ||
| 9 | + <link rel="stylesheet" href="../resource/public/commoncss.css?a=2"> | ||
| 10 | + <link rel="stylesheet" href="../topages/login/login.css"> | ||
| 11 | + | ||
| 6 | </head> | 12 | </head> |
| 7 | <body> | 13 | <body> |
| 8 | 14 | ||
| 15 | + <div class="float-left login-wrap"> | ||
| 16 | + <div class="login-main"> | ||
| 17 | + <div class="login-name">中兴智能日报系统</div> | ||
| 18 | + <div class="login-hint">轻松工作每一天</div> | ||
| 19 | + <input type="text" class="login-username" id="login-username" placeholder="邮箱或者账户名"> | ||
| 20 | + <input type="password" class="login-password" id="login-password" placeholder="密码"> | ||
| 21 | + <div class="login-btn" id="login-btn">登录</div> | ||
| 22 | + </div> | ||
| 23 | + </div> | ||
| 24 | + <div class="float-left login-bg"></div> | ||
| 25 | + | ||
| 26 | + | ||
| 27 | +<script src="../resource/lib/jquery/jquery.min.js"></script> | ||
| 28 | +<script src="../topages/login/login.js"></script> | ||
| 9 | </body> | 29 | </body> |
| 10 | </html> | 30 | </html> |
| 11 | \ No newline at end of file | 31 | \ No newline at end of file |
resource/img/login-bg.png
0 → 100644
295 KB
resource/img/login-btn.png
0 → 100644
2.41 KB
topages/login/login.css
0 → 100644
| 1 | +html,body{ | ||
| 2 | + width: 100%; | ||
| 3 | + height: 100%; | ||
| 4 | + overflow: hidden; | ||
| 5 | +} | ||
| 6 | +.login-wrap{ | ||
| 7 | + width:calc(100% - 800px); | ||
| 8 | + width:-webkit-calc(100% - 800px); | ||
| 9 | + width:-moz-calc(100% - 800px); | ||
| 10 | + height: 100%; | ||
| 11 | + position: relative; | ||
| 12 | +} | ||
| 13 | +.login-main{ | ||
| 14 | + position: absolute; | ||
| 15 | + right: 0; | ||
| 16 | + top:50%; | ||
| 17 | + transform: translateY(-50%); | ||
| 18 | + -webkit-transform: translateY(-50%); | ||
| 19 | + -moz-transform: translateY(-50%); | ||
| 20 | + width: 400px; | ||
| 21 | +} | ||
| 22 | +.login-name{ | ||
| 23 | + font-size: 40px; | ||
| 24 | + color: rgba(0,0,0,.8); | ||
| 25 | +} | ||
| 26 | +.login-hint{ | ||
| 27 | + font-size: 16px; | ||
| 28 | + color: rgba(0,0,0,.6); | ||
| 29 | +} | ||
| 30 | +.login-btn{ | ||
| 31 | + width: 253px; | ||
| 32 | + height: 58px; | ||
| 33 | + cursor: pointer; | ||
| 34 | + text-align: center; | ||
| 35 | + line-height: 68px; | ||
| 36 | + font-size: 20px; | ||
| 37 | + color: #fff; | ||
| 38 | + background: url("../../resource/img/login-btn.png") no-repeat; | ||
| 39 | +} | ||
| 40 | +.login-bg{ | ||
| 41 | + height: 100%; | ||
| 42 | + width: 800px; | ||
| 43 | + background: url("../../resource/img/login-bg.png") no-repeat; | ||
| 44 | + background-size:100% 100% ; | ||
| 45 | +} | ||
| 0 | \ No newline at end of file | 46 | \ No newline at end of file |
topages/login/login.js
0 → 100644