fix: 处理注册登录移动端浏览布局问题

src/views/User/entry-card.vue

@@ -41,4 +41,12 @@ export default {
     display: flex;
   }
 }
+
+@media (max-width: 456px) {
+  //<=768的设备
+  .entry-card {
+    width: 90%;
+    padding: 40px 20px;
+  }
+}
 </style>

src/views/User/index.vue

@@ -2,7 +2,9 @@
   <!--注册，登录，找回密码等业务-->
   <div class="gs-entry">
     <div class="header">
-
+      <div class="content">
+        <img src="./img/logo.png" alt="">
+      </div>
     </div>
     <div class="body">
       <div class="content">
@@ -57,8 +59,17 @@ export default {
   //overflow: hidden;
 
   .header {
+    display: flex;
     flex: 0 0 112px;
+    justify-content: center;
     padding-top: 58px;
+    width: 100%;
+    text-align: left;
+
+    .content {
+      flex: 0 1 1370px;
+      padding-left: 75px;
+    }
   }
 
   .body {
@@ -91,18 +102,38 @@ export default {
   }
 }
 
-
 ::v-deep .el-tabs {
 
-  .el-tabs__item{
+  .el-tabs__item {
     color: rgba(0, 0, 0, 0.4);
-    &.is-active,&:hover{
+
+    &.is-active, &:hover {
       color: $theme-color1;
     }
   }
 
-  .el-tabs__content{
+  .el-tabs__content {
     padding-top: 19px;
   }
 }
+
+@media (max-width: 767px) {
+  //<=768的设备
+  .gs-entry {
+    .header{
+      flex: 0 0 60px;
+      padding-top: 20px;
+      padding-bottom: 10px;
+
+      .content {
+        padding-left: 6%;
+      }
+    }
+    .body {
+      .content {
+        padding-top: 30px;
+      }
+    }
+  }
+}
 </style>

src/views/User/login.vue

@@ -172,4 +172,11 @@ export default {
     }
   }
 }
+
+@media (max-width: 456px) {
+  //<=768的设备
+  .login {
+    width: 100%;
+  }
+}
 </style>

src/views/User/register.vue

@@ -3,7 +3,7 @@
     <div class="register">
       <el-form ref='ruleForm'
                label-position='right'
-               label-width='140px'
+               label-width='100px'
                :model='form'>
         <el-form-item label='用户名'
                       prop='userName'
@@ -180,6 +180,7 @@ export default {
 .register {
   width: 520px;
   margin-right: 60px;
+  margin-left: 40px;
 
   ::v-deep .el-form {
     .el-input-group__append {
@@ -213,4 +214,13 @@ export default {
     }
   }
 }
+
+@media (max-width: 768px) {
+  //<=768的设备
+  .register {
+    width: 100%;
+    margin: 0;
+    padding-right: 10px;
+  }
+}
 </style>

src/views/User/reset-pass.vue

@@ -200,4 +200,11 @@ export default {
     }
   }
 }
+
+@media (max-width: 456px) {
+  //<=768的设备
+  .reset-pass {
+    width: 100%;
+  }
+}
 </style>