update

乔爽
css/login.css
login.html
--- a/css/login.css
查看文件 @2dafb70
+++ b/css/login.css
查看文件 @2dafb70
@@ -65,15 +65,15 @@ body{
     width: 1.52rem;
     height: 0.02rem;
     background:linear-gradient(-85deg,rgba(110,15,119,1),rgba(3,24,165,1));
-    /*-webkit-background-clip:text;*/
-    /*-webkit-text-fill-color:transparent;*/
+    -webkit-background-clip:text;
+    -webkit-text-fill-color:transparent;
     position: absolute;
     bottom: 0;
 }
 .bottom{
-    margin-top: 0.6rem;
     display: flex;
+    flex-flow: column;
 }
 .bottom_item{
     width: 6.16rem;
@@ -81,4 +81,23 @@ body{
     border:1px solid rgba(112,112,112,1);
     border-radius: 0.08rem;
     display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    padding: 0 0.2rem;
+    margin-top: 0.4rem;
+}
+.bottom_item input{
+    width: 100%;
+    height: 0.6rem;
+    box-sizing: border-box;
+    padding: 0.2rem;
+    font-size: 0.3rem;
+    outline: none;
+    border: none;
+    background-color: transparent;
 }
+.bottom_item input::placeholder{
+
+    color: #b3b3b3;
+}
+
--- a/login.html
查看文件 @2dafb70
+++ b/login.html
查看文件 @2dafb70
@@ -6,10 +6,22 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_4jilbt7s27s.css">
+    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_hkazqqzd2pg.css">
     <link rel="stylesheet" type="text/css" href="css/login.css">
     <script src="js/base.js"></script>
+
+    <style>
+        .icon-Fill{
+            font-size: 0.5rem;
+            color: #B3B3B3;
+        }
+        .icon-mima{
+            font-size: 0.5rem;
+            color: #B3B3B3;
+        }
+    </style>
+
 </head>
 <body>
 <div class="container">
@@ -34,9 +46,13 @@
     <!--输入框-->
     <div class="bottom">
         <div class="bottom_item">
-            <div class="iconfont"></div>
+            <div class="iconfont icon-Fill"></div>
             <input type="text" placeholder="请输入手机号">
         </div>
+        <div class="bottom_item">
+            <div class="iconfont icon-mima"></div>
+            <input type="text" placeholder="请输入密码">
+        </div>
     </div>
 </div>