注册弹窗适配

src/views/login/index.vue

@@ -472,7 +472,7 @@
         </div>
       </template>
     </el-dialog>
-    <el-dialog title="忘记密码" v-model="forgetShow" style="height: 600px">
+    <el-dialog title="忘记密码" v-model="forgetShow">
       <el-form ref="forgetFormRef" :model="forgetForm" :rules="forgetRules" size="large" class="login-form-content">
         <el-form-item prop="phone" label="手机号码" label-position="top">
           <el-input v-model="forgetForm.phone" placeholder="请输入手机号码" maxlength="11" clearable />
@@ -525,7 +525,7 @@
         </div>
       </template>
     </el-dialog>
-    <el-dialog title="注册账号" v-model="registerShow" style="height: 700px">
+    <el-dialog title="注册账号" v-model="registerShow">
       <el-form ref="registerFormRef" :model="registerForm" :rules="registerRules" size="large" class="login-form-content">
         <el-form-item prop="phone" label="手机号码" label-position="top">
           <el-input v-model="registerForm.phone" placeholder="请输入手机号码" maxlength="11" clearable />
@@ -1456,4 +1456,29 @@ onBeforeUnmount(() => {
     }
   }
 }
+
+/* 小屏幕下弹窗样式优化 - 不显示滚动条 */
+@media screen and (height <= 900px) {
+  :deep(.el-dialog) {
+    margin-top: 3vh !important;
+    margin-bottom: 3vh !important;
+    .el-dialog__header {
+      padding: 12px 20px;
+    }
+    .el-dialog__body {
+      padding: 10px 20px;
+    }
+    .el-dialog__footer {
+      padding: 20px;
+    }
+  }
+  :deep(.el-overlay-dialog) {
+    overflow: hidden;
+  }
+  .login-form-content {
+    :deep(.el-input__wrapper) {
+      padding: 8px 12px;
+    }
+  }
+}
 </style>