Merge branch 'dev-lhf' into 'dev'

style: 登录框和修改密码框的样式调整

See merge request product-group-fe/sfy-safety-group/sfy-safety!54

src/components/Login.vue

@@ -97,18 +97,18 @@
   }
   .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;
-      line-height: 100px;
+      line-height: 80px;
       letter-spacing: 5px;
     }
     &__main {
@@ -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;
     }
   }

src/components/UpdatePwd.vue

@@ -160,19 +160,19 @@
 
   .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;
-      line-height: 100px;
+      line-height: 80px;
       letter-spacing: 5px;
     }
 
@@ -186,7 +186,7 @@
       @include flex-center;
       justify-content: space-between;
       width: 100%;
-      height: 72px;
+      height: 44px;
       .el-input--default {
         width: 50%;
       }
@@ -194,16 +194,16 @@
 
     &__footer {
       width: 100%;
-      height: 100px;
+      height: 66px;
       margin-top: 18px;
 
       .login-form__button {
         width: 100%;
-        height: 74px;
-        font-size: 24px;
+        height: 44px;
+        font-size: 14px;
         color: $white-color;
         background-color: $primary-color;
-        border-radius: 8px;
+        border-radius: 5px;
         cursor: pointer;
       }
     }
@@ -212,8 +212,8 @@
       position: absolute;
       top: 15px;
       right: 16px;
-      width: 40px;
-      height: 40px;
+      width: 24px;
+      height: 24px;
       cursor: pointer;
     }
   }
@@ -227,10 +227,10 @@
 
   .el-input--default {
     width: 100%;
-    height: 72px;
+    height: 44px;
 
     :deep(.el-input__inner) {
-      font-size: 20px;
+      font-size: 14px;
       color: #999;
     }
   }