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 | \ No newline at end of file | 52 | \ No newline at end of file |
image/logo-loginGreen.png
0 → 100644
1.75 KB
login.html
| @@ -6,17 +6,21 @@ | @@ -6,17 +6,21 @@ | ||
| 6 | <meta name="renderer" content="ie-comp"> | 6 | <meta name="renderer" content="ie-comp"> |
| 7 | <meta name="renderer" content="ie-stand"> | 7 | <meta name="renderer" content="ie-stand"> |
| 8 | <meta name="google" content="notranslate" /> | 8 | <meta name="google" content="notranslate" /> |
| 9 | - <title>首页</title> | 9 | + <title>登录</title> |
| 10 | <link rel="stylesheet" href="css/libCss/common.css"> | 10 | <link rel="stylesheet" href="css/libCss/common.css"> |
| 11 | <link rel="stylesheet" href="css/libCss/bootstrap.min.css"> | 11 | <link rel="stylesheet" href="css/libCss/bootstrap.min.css"> |
| 12 | <link rel="stylesheet" href="css/login.css"> | 12 | <link rel="stylesheet" href="css/login.css"> |
| 13 | <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> </head> | 13 | <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> </head> |
| 14 | </head> | 14 | </head> |
| 15 | <body> | 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 | <script type="text/javascript" src="js/libJs/jquery.min.js"></script> | 24 | <script type="text/javascript" src="js/libJs/jquery.min.js"></script> |
| 21 | <script type="text/javascript" src="js/libJs/bootstrap.min.js"></script> | 25 | <script type="text/javascript" src="js/libJs/bootstrap.min.js"></script> |
| 22 | <script type="text/javascript"> | 26 | <script type="text/javascript"> |