Modal add fullscreen prop

2018-06-26 18:46:20 +08:00 · 2018-06-26 18:46:20 +08:00 · d42d4def98
commit d42d4def98
parent 877c7fd870
3 changed files with 107 additions and 2 deletions
--- a/src/components/modal/modal.vue
+++ b/src/components/modal/modal.vue
@ -95,6 +95,10 @@
            transfer: {
                type: Boolean,
                default: true
+            },
+            fullscreen: {
+                type: Boolean,
+                default: false
            }
        },
        data () {
@ -120,7 +124,15 @@
                return `${prefixCls}-mask`;
            },
            classes () {
-                return `${prefixCls}`;
+                return [
+                    `${prefixCls}`,
+                    {
+                        [`${prefixCls}-fullscreen`]: this.fullscreen,
+                        [`${prefixCls}-fullscreen-no-header`]: this.fullscreen && !this.showHead,
+                        [`${prefixCls}-fullscreen-no-footer`]: this.fullscreen && this.footerHide
+
+                    }
+                ];
            },
            mainStyles () {
                let style = {};