style: 调整登录的样式

src/components/Login.vue

@@ -97,14 +97,14 @@
   }
   .login-form {
     position: relative;
-    width: 700px;
-    padding: 0 33px;
+    width: 420px;
+    padding: 0 20px;
     background: $white-color;
-    border-radius: 24px;
+    border-radius: 14px;
     &__header {
       width: 100%;
-      height: 100px;
-      font-size: 28px;
+      height: 80px;
+      font-size: 16px;
       font-weight: 550;
       color: #333;
       text-align: center;
@@ -120,22 +120,22 @@
       @include flex-center;
       justify-content: space-between;
       width: 100%;
-      height: 72px;
+      height: 44px;
       .el-input--default {
         width: 50%;
       }
     }
     &__footer {
       width: 100%;
-      height: 100px;
+      height: 66px;
       margin-top: 18px;
       .login-form__button {
         width: 100%;
-        height: 74px;
-        font-size: 24px;
+        height: 44px;
+        font-size: 16px;
         color: $white-color;
         background-color: $primary-color;
-        border-radius: 8px;
+        border-radius: 5px;
         cursor: pointer;
       }
     }
@@ -143,8 +143,8 @@
       position: absolute;
       top: 15px;
       right: 16px;
-      width: 40px;
-      height: 40px;
+      width: 24px;
+      height: 24px;
       cursor: pointer;
     }
   }
@@ -156,9 +156,9 @@
   }
   .el-input--default {
     width: 100%;
-    height: 72px;
+    height: 44px;
     :deep(.el-input__inner) {
-      font-size: 20px;
+      font-size: 14px;
       color: #999;
     }
   }