|
|
@@ -69,7 +69,6 @@
|
|
|
/* 登录框 start */
|
|
|
.lgoin-content{
|
|
|
width: 400px;
|
|
|
- height: 300px;
|
|
|
background-color: #fff;
|
|
|
box-shadow: 0 20px 50px 0 hsla(0, 0%, 64%, .1);
|
|
|
margin:30px auto;
|
|
|
@@ -135,6 +134,46 @@
|
|
|
font-size: 18px;
|
|
|
font-weight: 800;
|
|
|
}
|
|
|
+ .lgoin-content .text-bar{
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ .lgoin-content .text-bar span{
|
|
|
+ color: #ff5c00;
|
|
|
+ font-size: 17px;
|
|
|
+ }
|
|
|
+ .lgoin-content .text-bar span:first-child{
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .lgoin-content .text-bar span:last-child{
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ .lgoin-content .login-type{
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ .lgoin-content .login-type p{
|
|
|
+ font-size: #eee;
|
|
|
+ font-size: 17px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .lgoin-content .login-type ul{
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 30px;
|
|
|
+ }
|
|
|
+ .lgoin-content .login-type li{
|
|
|
+ display: inline-block;
|
|
|
+ margin:0 10px;
|
|
|
+ }
|
|
|
+ .lgoin-content .login-type img{
|
|
|
+ width: 40px;
|
|
|
+ }
|
|
|
+ /* 登录区域end */
|
|
|
+ /* 信息部分 */
|
|
|
+ .info-content{
|
|
|
+ text-align: center;
|
|
|
+ font-size: 12;
|
|
|
+ color: #999;
|
|
|
+ margin-top: 100px;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
@@ -194,11 +233,34 @@
|
|
|
<div class="submit-btn">
|
|
|
<div class="btn-box">登录</div>
|
|
|
</div>
|
|
|
- <div class="text-bar"></div>
|
|
|
- <div class="login-type"></div>
|
|
|
+ <!-- 忘记密码区域 -->
|
|
|
+ <div class="text-bar clearfix">
|
|
|
+ <span>忘记密码？</span>
|
|
|
+ <span>手机号登录</span>
|
|
|
+ </div>
|
|
|
+ <!-- 登录方式区域 -->
|
|
|
+ <div class="login-type">
|
|
|
+ <p>其他方式登录</p>
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <img src="./img/weixin.png" alt="weixin">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="./img/qq.png" alt="qq">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="./img/zfb.png" alt="zfb">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="./img/weibo.png" alt="weibo">
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<!-- 版权信息区域 -->
|
|
|
- <div class="info-content"></div>
|
|
|
+ <div class="info-content">
|
|
|
+ <span>小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</body>
|
