|
|
@@ -4,7 +4,7 @@
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>Document</title>
|
|
|
- <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_5060986_7zh4h7ev0jm.css">
|
|
|
+ <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_5060986_1vodl9x1bhf.css">
|
|
|
<style>
|
|
|
/* css reset */
|
|
|
*{
|
|
|
@@ -165,6 +165,38 @@
|
|
|
.login-content .qr-img img{
|
|
|
width: 45px;
|
|
|
}
|
|
|
+ .login-content .login-inp{
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ .login-content .login-inp .inp-item{
|
|
|
+ width: 324px;
|
|
|
+ height: 60px;
|
|
|
+ padding: 0 15px;
|
|
|
+ background-color: #f9f9f9;
|
|
|
+ /* background-color: #999; */
|
|
|
+ margin-bottom: 20px;
|
|
|
+ border-radius: 5px;
|
|
|
+
|
|
|
+ }
|
|
|
+ .login-content .inp-item input{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ border:0;
|
|
|
+ outline: none;
|
|
|
+ background-color: transparent;
|
|
|
+ font-size: 17px;
|
|
|
+ color: rgba(0, 0, 0, 0.4);
|
|
|
+ }
|
|
|
+ .login-content .password-item{
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .login-content .password-item .iconfont{
|
|
|
+ position: absolute;
|
|
|
+ right: 30px;
|
|
|
+ top:20px;
|
|
|
+ font-size: 20px;
|
|
|
+ color: rgba(0, 0, 0, 0.4);
|
|
|
+ }
|
|
|
/* 登录框 end */
|
|
|
/* 登录内容区域 end */
|
|
|
</style>
|
|
|
@@ -212,7 +244,13 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="login-inp">
|
|
|
- <i class="iconfont icon-AIduihua"></i>
|
|
|
+ <div class="inp-item">
|
|
|
+ <input type="text" placeholder="邮箱/手机号码/小米ID">
|
|
|
+ </div>
|
|
|
+ <div class="inp-item password-item">
|
|
|
+ <input type="password" placeholder="密码">
|
|
|
+ <i class="iconfont icon-yincangbukejian"></i>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="login-info"></div>
|
|
|
<div class="login-btn"></div>
|
