11

src/views/login.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="login">
-    <div>
+    <div style="height:70%">
       <img @click="onPath('/')" class="head" src="@/assets/images/head.png" alt="" />
       <div class="login-info flex-row-between">
         <div></div>
@@ -259,7 +259,7 @@ onMounted(() => {
 <style lang="scss" scoped>
 .login {
   height: 100%;
-  min-height: 700px;
+  // min-height: 700px;
   width: 100%;
   background-image: url('@/assets/images/login/login1.png');
   overflow: auto;
@@ -280,7 +280,8 @@ onMounted(() => {
 
   .login-info {
     width: 100%;
-    height: 600px;
+    // height: 600px;
+    height: 100%;
     background-image: url('@/assets/images/login/login2.png');
     overflow: hidden;
     background-position: center center;
@@ -291,8 +292,10 @@ onMounted(() => {
     padding: 0 5%;
 
     .login-bos {
-      width: 420px;
-      height: 420px;
+      height: 90%;
+      aspect-ratio: 1;
+      // width: 420px;
+      // height: 420px;
       background: #ffffff;
       border-radius: 30px 30px 30px 30px;
       display: flex;