登录页样式调整 --fix1

src/components/login/login.less

-.app-login-contant{
-    width: 100%;
-    height: 100%;
-    background: linear-gradient(45deg, #8e9eab, #eef2f3);
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: center;
-}
-.ibizLogo{
-    margin-top: 20vh;
-    width: 86px;
-    height: 40px;
-}
-.app-login-form{
-    width: 90vw;
-    height: 40vh;
-    border-radius: 10px;
-    background-color: white;
-    margin-top: 40px;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
-    box-shadow: -5px 5px 10px #8e9eab;
-}
-.ion-no-margin{
-    margin: auto;
-    --background: linear-gradient(to left, #7BC6CC, #BE93C5) !important;
-    --background-activated:linear-gradient(to left, #5FC3E4, #E55D87) !important;
-    --background-activated-opacity:0.8;
-    --transition: --background 2s;
-    font-size: 1.2rem;
-    --border-radius: 20px;
-    margin-top: 20px;
-    height: 38px;
-    width: 92%;
-}
+.app-login{
+    .app-login-contant{
+        width: 100%;
+        height: 100%;
+        background: linear-gradient(45deg, #8e9eab, #eef2f3);
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+        align-items: center;
+
+        .ibizLogo{
+            margin-top: 20vh;
+            width: 86px;
+            height: 40px;
+        }
+
+        .app-login-form{
+            width: 90vw;
+            height: 40vh;
+            border-radius: 10px;
+            background-color: white;
+            margin-top: 40px;
+            display: flex;
+            flex-direction: column;
+            justify-content: space-around;
+            box-shadow: -5px 5px 10px #8e9eab;
 
-ion-input{
-    --background:#f1f1f1 !important;
-    border-radius: 20px;
-    width: 90% !important;
-    height: 44.8px !important;
-    margin:auto;
-    margin-top: 1vh;
-    --padding-start:20px !important;
+            .ion-no-margin{
+                margin: auto;
+                --background: linear-gradient(to left, #7BC6CC, #BE93C5) !important;
+                --background-activated:linear-gradient(to left, #5FC3E4, #E55D87) !important;
+                --background-activated-opacity:0.8;
+                --transition: --background 2s;
+                font-size: 1.2rem;
+                --border-radius: 20px;
+                margin-top: 20px;
+                height: 38px;
+                width: 92%;
+            }
+            
+            ion-input{
+                --background:#f1f1f1 !important;
+                border-radius: 20px;
+                width: 90% !important;
+                height: 44.8px !important;
+                margin:auto;
+                margin-top: 1vh;
+                --padding-start:20px !important;
+            }
+            
+            ion-label{
+                margin-left: 5vw;
+                font-size: 1rem !important;
+            }
+        }
+    }
 }
-ion-label{
-    margin-left: 5vw;
-    font-size: 1rem !important;
-}
\ No newline at end of file