From b45f8c5021a4225026ed698c083a1af42a08faff Mon Sep 17 00:00:00 2001
From: vben <anncwb@126.com>
Date: Tue, 19 Jan 2021 22:40:43 +0800
Subject: [PATCH] fix(modal): fullscreen height calculation error #203

---
 src/components/Modal/src/components/ModalWrapper.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/Modal/src/components/ModalWrapper.vue b/src/components/Modal/src/components/ModalWrapper.vue
index aaa6ee25..ac1bdd03 100644
--- a/src/components/Modal/src/components/ModalWrapper.vue
+++ b/src/components/Modal/src/components/ModalWrapper.vue
@@ -36,8 +36,8 @@
     props: {
       loading: propTypes.bool,
       useWrapper: propTypes.bool.def(true),
-      modalHeaderHeight: propTypes.number.def(50),
-      modalFooterHeight: propTypes.number.def(54),
+      modalHeaderHeight: propTypes.number.def(57),
+      modalFooterHeight: propTypes.number.def(74),
       minHeight: propTypes.number.def(200),
       height: propTypes.number,
       footerOffset: propTypes.number.def(0),
@@ -137,7 +137,7 @@
 
           if (props.fullScreen) {
             realHeightRef.value =
-              window.innerHeight - props.modalFooterHeight - props.modalHeaderHeight;
+              window.innerHeight - props.modalFooterHeight - props.modalHeaderHeight - 28;
           } else {
             realHeightRef.value = props.height
               ? props.height
@@ -145,6 +145,9 @@
               ? maxHeight
               : realHeight;
           }
+          console.log('======================');
+          console.log(realHeightRef.value, props);
+          console.log('======================');
           emit('height-change', unref(realHeightRef));
         } catch (error) {
           console.log(error);
-- 
GitLab