Просмотр исходного кода

style: 修改密码样式修改

louhangfei 11 месяцев назад
Родитель
Сommit
8c64ada53c
2 измененных файлов с 16 добавлено и 16 удалено
  1. 1 1
      src/components/Login.vue
  2. 15 15
      src/components/UpdatePwd.vue

+ 1 - 1
src/components/Login.vue

@@ -108,7 +108,7 @@
       font-weight: 550;
       color: #333;
       text-align: center;
-      line-height: 100px;
+      line-height: 80px;
       letter-spacing: 5px;
     }
     &__main {

+ 15 - 15
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;
     }
   }