新增新的login页面，适配手机端，老的login页面依旧存在

web/src/style/newLogin.scss

@@ -0,0 +1,88 @@
+#userLayout{
+  margin: 0;
+  padding: 0;
+  background-image: url("~@/assets/login_background.svg");
+  background-size: cover;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  .login_panle{
+    position: absolute;
+    top: 3vh;
+    left: 2vw;
+    width: 96vw;
+    height: 94vh;
+    background-color: rgba(255,255,255,.8);
+    backdrop-filter: blur(5px);
+    border-radius: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: space-evenly;
+    .login_panle_right{
+      background-image: url("~@/assets/login_left.svg");
+      background-size: cover;
+      width: 40%;
+      height: 60%;
+      float: right !important;
+    }
+    .login_panle_form{
+      width: 420px;
+      background-color: #fff;
+      padding: 40px 40px 40px 40px;
+      border-radius: 10px;
+      box-shadow: 2px 3px 7px  rgba(0,0,0,.2);
+      .login_panle_form_title{
+        margin: 30px 0;
+        padding-left: 20px ;
+        font-size: 40px;
+        border-left: 4px solid #409EFF ;
+      }
+      .vPic {
+        width: 33%;
+        height: 38px;
+        float: right !important;
+        background: #ccc;
+        img {
+          cursor: pointer;
+          vertical-align: middle;
+        }
+      }
+    }
+    .login_panle_foot{
+      position: absolute;
+      bottom: 20px;
+      .links{
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .link-icon{
+          width: 30px;
+          height: 30px;
+        }
+      }
+      .copyright{
+        color: #777777;
+        margin-top: 5px;
+      }
+    }
+  }
+}
+//小屏幕不显示右侧，将登陆框居中
+@media (max-width: 750px) {
+  .login_panle_right{
+    display: none;
+  }
+  .login_panle{
+    width: 100vw;
+    height: 100vh;
+    top: 0;
+    left: 0;
+  }
+  .login_panle_form{
+    width: 100%;
+  }
+}
+
+/*
+  powerBy : bypanghu@163.com
+*/