瀏覽代碼

更新登录页样式

lex-xin 3 年之前
父節點
當前提交
507a8aff55
共有 1 個文件被更改,包括 19 次插入15 次删除
  1. 19 15
      src/views/login/index.vue

+ 19 - 15
src/views/login/index.vue

@@ -420,10 +420,14 @@ $light_gray: #eee;
     height: 100%;
     height: 100%;
     margin-left: 170px;
     margin-left: 170px;
     .footer {
     .footer {
-      margin-left: 180px;
-      margin-bottom: 90px;
+      margin-bottom: 30px;
       font-size: 14px;
       font-size: 14px;
+      position: absolute;
       color: #B2B2B2;
       color: #B2B2B2;
+      bottom: 0;
+      width: 100%;
+      left: 0;
+      text-align: center;
     }
     }
   }
   }
 
 
@@ -441,7 +445,7 @@ $light_gray: #eee;
   // }
   // }
 }
 }
 .login-section {
 .login-section {
-  margin-right: 300px;
+  margin-right: 250px;
 }
 }
 /* 大屏幕(大桌面显示器,大于等于 1200px) */
 /* 大屏幕(大桌面显示器,大于等于 1200px) */
 @media screen and (max-width: 1600px) {
 @media screen and (max-width: 1600px) {
@@ -451,9 +455,9 @@ $light_gray: #eee;
   .login-container .login-left {
   .login-container .login-left {
     margin-left: 100px;
     margin-left: 100px;
   }
   }
-  .login-container .login-left .footer {
-    margin-left: 120px;
-  }
+  // .login-container .login-left .footer {
+  //   margin-left: 120px;
+  // }
 }
 }
 /* 大屏幕(大桌面显示器,大于等于 1200px) */
 /* 大屏幕(大桌面显示器,大于等于 1200px) */
 @media screen and (max-width: 1200px) {
 @media screen and (max-width: 1200px) {
@@ -463,9 +467,9 @@ $light_gray: #eee;
   .login-container .login-left {
   .login-container .login-left {
     margin-left: 50px;
     margin-left: 50px;
   }
   }
-  .login-container .login-left .footer {
-    margin-left: 100px;
-  }
+  // .login-container .login-left .footer {
+  //   margin-left: 100px;
+  // }
 }
 }
 /* 中等屏幕(桌面显示器,大于等于 992px) */
 /* 中等屏幕(桌面显示器,大于等于 992px) */
 @media screen and (max-width: 992px) {
 @media screen and (max-width: 992px) {
@@ -475,9 +479,9 @@ $light_gray: #eee;
   .login-container .login-left {
   .login-container .login-left {
     margin-left: 20px;
     margin-left: 20px;
   }
   }
-  .login-container .login-left .footer {
-    margin-left: 50px;
-  }
+  // .login-container .login-left .footer {
+  //   margin-left: 50px;
+  // }
 }
 }
 /* 小屏幕(平板,大于等于 768px) */
 /* 小屏幕(平板,大于等于 768px) */
 @media screen and (max-width: 768px) {
 @media screen and (max-width: 768px) {
@@ -488,8 +492,8 @@ $light_gray: #eee;
     margin-left: 10px;
     margin-left: 10px;
     display: none;
     display: none;
   }
   }
-  .login-container .login-left .footer {
-    margin-left: 20px;
-  }
+  // .login-container .login-left .footer {
+  //   margin-left: 20px;
+  // }
 }
 }
 </style>
 </style>