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>