From 0ad4945b106082d5fbc3b03b5ca1a8ad9dad1fec Mon Sep 17 00:00:00 2001
From: zhaojisen <1301338853@qq.com>
Date: Fri, 22 Nov 2024 14:52:41 +0800
Subject: [PATCH] fixed: Fixed an issue where the Form button was hidden

---
 src/layout/components/AppMain.vue    | 2 +-
 src/layout/components/Page/index.vue | 8 +++-----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 2d8e95cf8..77d3e775a 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -52,7 +52,7 @@ export default {
 <style lang="scss" scoped>
 .app-main {
   background-color: #f3f3f4;
-  height: 100% !important;
+  height: 100vh !important;
   width: 100%;
   position: relative;
   overflow: auto;
diff --git a/src/layout/components/Page/index.vue b/src/layout/components/Page/index.vue
index 8dd288e97..41ded4114 100644
--- a/src/layout/components/Page/index.vue
+++ b/src/layout/components/Page/index.vue
@@ -116,8 +116,7 @@ export default {
 
 <style lang="scss" scoped>
 .page {
-  height: calc(100vh - 50px);
-  //overflow-y: hidden;
+  overflow-y: hidden;
   overflow-x: hidden;
 
   .el-alert {
@@ -127,9 +126,8 @@ export default {
 
   .page-content {
     height: calc(100% - 20px);
-    //Todo)) 注释掉的原因：当页面动态高度变化时就会导致页面最下方的按钮被 hidden 掉
-    //overflow-x: hidden;
-    //overflow-y: auto !important;
+    overflow-x: hidden;
+    overflow-y: auto !important;
 
     ::v-deep > div {
       margin-bottom: 50px;