Commit cabe737134814099d58aac669d76d2d3d6adab96
1 parent
2e86cfc1
登录
Showing
3 changed files
with
60 additions
and
5 deletions
css/login.css
| 1 | +html,body{ | |
| 2 | + height: 100%; | |
| 3 | + width: 100%; | |
| 4 | + | |
| 5 | +} | |
| 6 | +.login-model { | |
| 7 | + height: 100%; | |
| 8 | + min-height: 700px; | |
| 9 | + width: 100%; | |
| 10 | + min-width: 814px; | |
| 11 | + background: url("../image/syslogin_bgIcon.png") no-repeat; | |
| 12 | + background-size: 100% 100%; | |
| 13 | + position: relative; | |
| 14 | +} | |
| 15 | +.top-tit{ | |
| 16 | + padding-top: 102px; | |
| 17 | + height: 140px; | |
| 18 | + /*line-height: 62px;*/ | |
| 19 | + text-align: center; | |
| 20 | + color: #fff; | |
| 21 | + font-size: 32px; | |
| 22 | +} | |
| 23 | +.login-content{ | |
| 24 | + height: 412px; | |
| 25 | + width: 580px; | |
| 26 | + margin: 100px auto 0; | |
| 27 | + background: #fff; | |
| 28 | + border-radius: 20px; | |
| 29 | +} | |
| 30 | +.posrel{ | |
| 31 | + position: relative; | |
| 32 | +} | |
| 33 | +.posabl{ | |
| 34 | + position: absolute; | |
| 35 | +} | |
| 36 | +.boxshadow { | |
| 37 | + box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); | |
| 38 | +} | |
| 39 | +.login-contop{ | |
| 40 | + height: 100px; | |
| 41 | + width: 100px; | |
| 42 | + border-radius: 50%; | |
| 43 | + background-color: #fff; | |
| 44 | + top:-50px; | |
| 45 | + left: 50%; | |
| 46 | + margin-left: -50px; | |
| 47 | + background-image: url("../image/logo-loginGreen.png"); | |
| 48 | + background-repeat: no-repeat; | |
| 49 | + background-position: 22px 12px; | |
| 50 | + background-size: 58px 51px; | |
| 51 | +} | |
| 0 | 52 | \ No newline at end of file | ... | ... |
image/logo-loginGreen.png
0 → 100644
1.75 KB
login.html
| ... | ... | @@ -6,17 +6,21 @@ |
| 6 | 6 | <meta name="renderer" content="ie-comp"> |
| 7 | 7 | <meta name="renderer" content="ie-stand"> |
| 8 | 8 | <meta name="google" content="notranslate" /> |
| 9 | - <title>首页</title> | |
| 9 | + <title>登录</title> | |
| 10 | 10 | <link rel="stylesheet" href="css/libCss/common.css"> |
| 11 | 11 | <link rel="stylesheet" href="css/libCss/bootstrap.min.css"> |
| 12 | 12 | <link rel="stylesheet" href="css/login.css"> |
| 13 | 13 | <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> </head> |
| 14 | 14 | </head> |
| 15 | 15 | <body> |
| 16 | -<header>header</header> | |
| 17 | -<nav>nav</nav> | |
| 18 | -<section>header</section> | |
| 19 | - | |
| 16 | +<div class="login-model"> | |
| 17 | +<!-- top-tit --> | |
| 18 | + <div class="top-tit">欢迎登陆企业云接口平台</div> | |
| 19 | +<!-- content sta--> | |
| 20 | + <div class="login-content boxshadow posrel"> | |
| 21 | + <div class="login-contop posabl"></div> | |
| 22 | + </div> | |
| 23 | +</div> | |
| 20 | 24 | <script type="text/javascript" src="js/libJs/jquery.min.js"></script> |
| 21 | 25 | <script type="text/javascript" src="js/libJs/bootstrap.min.js"></script> |
| 22 | 26 | <script type="text/javascript"> | ... | ... |