2.22

src/views/login/index.vue

 <template>
   <div class="login-container">
     <div class="text">
-      <p style="color: white; font-size: 40px; text-align: center; letter-spacing: 5px;">
+      <p
+        style="
+          color: white;
+          font-size: 40px;
+          text-align: center;
+          letter-spacing: 5px;
+        "
+      >
         RX100R 漏缆故障定位监测系统
       </p>
     </div>
@@ -60,8 +67,8 @@
 
         <el-button
           :loading="loading"
-         class="loginbtn"
-          style="width: 100%; margin-top: 30px; margin-bottom: 30px;"
+          class="loginbtn"
+          style="width: 100%; margin-top: 30px; margin-bottom: 30px"
           @click.native.prevent="handleLogin"
           >登录</el-button
         >
@@ -123,10 +130,10 @@ export default {
   },
   created() {
     var that = this;
-    document.onkeydown = function(e) {
+    document.onkeydown = function (e) {
       var key = window.event.keyCode;
       if (key == 13 || key == 100) {
-       that.handleLogin()   
+        that.handleLogin();
       }
     };
   },
@@ -199,7 +206,7 @@ $cursor: #fff;
       border-radius: 0px;
       padding: 12px 5px 12px 15px;
       color: $light_gray;
-    
+
       caret-color: $cursor;
 
       &:-webkit-autofill {
@@ -216,7 +223,7 @@ $cursor: #fff;
     color: #454545;
     height: 42px;
   }
-  .el-form-item__content{
+  .el-form-item__content {
     line-height: 32px;
   }
 }
@@ -243,13 +250,12 @@ $light_gray: #eee;
     width: 646px;
     height: 122px;
     line-height: 60px;
- font-size: 40px;
+    font-size: 40px;
     transform: translateY(-82px);
     margin: 0;
     box-sizing: border-box;
     font-family: "Source Sans Pro", sans-serif;
     // background-image: url('../../assets/img/loginTitleBg.png');
-    
   }
   .loginBox {
     position: absolute;
@@ -268,14 +274,14 @@ $light_gray: #eee;
 
     border-radius: 20px;
     font-family: "Source Sans Pro", sans-serif;
-    .loginbtn{
-      background: linear-gradient(180deg, #4082FF 0%, #0044C7 100%);
-      color:#ffffff;
+    .loginbtn {
+      background: linear-gradient(180deg, #4082ff 0%, #0044c7 100%);
+      color: #ffffff;
       font-size: 14px;
-      border:none;
+      border: none;
       height: 46px;
       border-radius: 8px;
-          letter-spacing: 3px;
+      letter-spacing: 3px;
     }
   }
   .login-form {
@@ -309,19 +315,19 @@ $light_gray: #eee;
 
   .title-container {
     position: relative;
-margin-top:15px;
-margin-bottom: 32px;
+    margin-top: 15px;
+    margin-bottom: 32px;
     .title {
-      font-family: 'Source Han Sans CN';
+      font-family: "Source Han Sans CN";
       font-size: 24px;
       color: $light_gray;
       margin: 0px auto 10px auto;
       text-align: center;
       // font-weight: bold;
-      
-letter-spacing: 5px;
+
+      letter-spacing: 5px;
     }
-    .titeng{
+    .titeng {
       font-size: 16px;
       letter-spacing: 3px;
     }