更新登录页样式

src/views/login/index.vue

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