登录页面修改

src/components/Login.vue

 <style>
-  * {
-    margin: 0;
-    padding: 0;
-  }
-
   .loginDiv {
     width: 100%;
     height: 100%;
@@ -14,7 +9,7 @@
     background-position: center;
   }
 
-  .loginOpacity {
+  .loginDiv .loginOpacity {
     background-color: rgba(0, 0, 0, 0.15);
     height: 100%;
     width: 100%;
@@ -114,7 +109,7 @@
     width: 100%;
   }
 
-  .register_box {
+  .loginDiv .register_box {
     position: absolute;
     right: 15%;
     bottom: 35px;
@@ -122,7 +117,7 @@
     font-size: 14px;
   }
 
-  .register {
+  .loginDiv .register {
     display: inline-block;
     width: 48%;
     height: 15px;
@@ -132,7 +127,7 @@
     color: #4291ff;
   }
 
-  .login-btn {
+  .loginDiv .login-btn {
     width: 100%;
     border-radius: 20px;
     height: 38px;
@@ -145,6 +140,22 @@
     padding: 0;
   }
 
+  .loginDiv .foot {
+    position: absolute;
+    bottom: 40px;
+    left: 0;
+    right: 0;
+    width: auto;
+    color: #fff;
+    text-align: center;
+    font-size: 16px;
+  }
+
+  .loginDiv .foot a,
+  .loginDiv .foot a:visited {
+    color: #f3f3f3;
+  }
+
 </style>
 <template>
   <div class="loginDiv">
@@ -208,6 +219,9 @@
           </div>
         </div>
       </div>
+      <div class="foot">
+        <a target="_blank" href="javascript:void(0)" style="text-decoration: none;">
+          由成都微途科技有限公司提供技术支持</a></div>
     </div>
   </div>
 </template>
@@ -250,4 +264,5 @@
       }
     }
   };
+
 </script>