样式调整

 <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-wrap">
@@ -67,6 +68,7 @@
         </div>
       </div>
     </div>
+  </div>
 </template>
 <script>
 import axios from "axios";
@@ -198,6 +200,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;
@@ -205,11 +212,18 @@ export default {
   background-size: 100% 100%;
   overflow: hidden;
   position: relative;
+  .login-content-wrap{
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+  }
   .login-logo {
-    margin-top: 18vh;
     height: 70px;
     width: 100%;
     text-align: center;
+    position: absolute;
+    top: -70px;
   }
   .login-logo img {
     height: 100%;