Commit 0efcfd884072b698714c0884169c9b981b271846
1 parent
59622aed
登录
Showing
5 changed files
with
69 additions
and
1 deletions
login/login.html
| ... | ... | @@ -2,9 +2,29 @@ |
| 2 | 2 | <html lang="en"> |
| 3 | 3 | <head> |
| 4 | 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 | 12 | </head> |
| 7 | 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 | 29 | </body> |
| 10 | 30 | </html> |
| 11 | 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 | 46 | \ No newline at end of file | ... | ... |
topages/login/login.js
0 → 100644