loginInput

功能描述

  1.    带动画的input组件

依赖的模块

  1.    不需要依赖

快速使用

  1.  
  1.     <div class="login_box_input">
  2.          /*input*/
  3.         <input type="text" required="required">
  4.         /*placeholder*/
  5.         <label>请输入用户名</label>
  6.         /*只是下划线*/
  7.         <span></span>
  8.     </div>
  9. ```
  10. css
  12.     * {
  13.         margin: 0;
  14.         padding: 0;
  15.     }
  17.     body {
  18.         background-color: #fff;
  19.         font-size: 3.73333vw;
  20.         color: #333;
  21.     }
  23.     .login_box_input::before {
  24.         content: '';
  25.         position: absolute;
  26.         left: 0;
  27.         bottom: 0;
  28.         background: #fff;
  29.         right: 0;
  30.         height: 1px;
  31.         -webkit-transform: scaleY(.5);
  32.         transform: scaleY(.5);
  33.         background: #c6c6c6;
  34.         z-index: 1;
  35.     }
  2. # 特别说明

已做了自适应(vw单位)，兼容所有端，如需要更多自定义功能或反馈与BUG，可联系QQ:910547462 ```