样式调整

 <template>
   <div id="login">
+    <div class="login-content-wrap">
       <div class="login-logo"><img src="./images/logo-login.svg" /></div>
       <div class="login-con">
         <div class="login-img">
@@ -81,6 +82,7 @@
         </div>
       </div>
     </div>
+  </div>
 </template>
 <script>
 import axios from "axios";
@@ -211,6 +213,11 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+input::placeholder{
+  color: #878787;
+  font-size: 14px;
+  font-family:Arial, Helvetica, sans-serif
+}
 #login {
   width: 100vw;
   height: 100vh;
@@ -218,17 +225,24 @@ export default {
   background-size: 100%;
   overflow: hidden;
   position: relative;
+  .login-content-wrap{
+    position: absolute;
+    left: 50%;
+    top: calc(50% + 10px);
+    transform: translate(-50%, -50%);
+  }
   .login-logo {
-    margin-top: 18vh;
     height: 70px;
     width: 100%;
     text-align: center;
+    position: absolute;
+    top: -140px;
   }
   .login-logo img {
     height: 100%;
   }
   .login-con {
-    margin: 70px auto;
+    margin: 0 auto;
     width: 936px;
     height: 450px;
     .login-img{
@@ -287,7 +301,7 @@ export default {
     height: 40px;
     border: 1px solid #E5E5E5;
     box-sizing: border-box;
-    margin-top: 30px;
+    margin-top: 34px;
     border-radius: 2px;
     position: relative;
     .user-icon {