added scrolling property to toggle CSS for creating or hiding scrollbars

Rijn
1 parent ff16f096
Showing 2 changed files with 20 additions and 2 deletions Show diff stats
src/components/modal/modal.vue
test/routers/more.vue
@@ -76,6 +76,10 @@
             footerHide: {
                 type: Boolean,
                 default: false
+            },
+            scrolling: {
+                type: Boolean,
+                default: false
             }
         },
         data () {
@@ -204,13 +208,22 @@
                 } else {
                     if (this.timer) clearTimeout(this.timer);
                     this.wrapShow = true;
-                    this.addScrollEffect();
+                    if (!this.scrolling) {
+                        this.addScrollEffect();
+                    }
                 }
             },
             loading (val) {
                 if (!val) {
                     this.buttonLoading = false;
                 }
+            },
+            scrolling (val) {
+                if (!this.scrolling) {
+                    this.addScrollEffect();
+                } else {
+                    this.removeScrollEffect();
+                }
             }
         }
     };
@@ -5,21 +5,26 @@
 </style>
 <template>
     <i-button type="primary" @click="modal1 = true">显示对话框</i-button>
+    <i-button @click="scrolling = !scrolling">Toggle Scrolling</i-button>
+    Scrolling:{{scrolling}}
     <Modal
             :visible.sync="modal1"
             title="普通的Modal对话框标题"
+            :scrolling="scrolling"
             @on-ok="ok"
             @on-cancel="cancel">
         <p>对话框内容</p>
         <p>对话框内容</p>
         <p>对话框内容</p>
+        <i-button @click="scrolling = !scrolling">Toggle Scrolling</i-button>
     </Modal>
 </template>
 <script>
     export default {
         data () {
             return {
-                modal1: false
+                modal1: false,
+                scrolling: false
             }
         },
         methods: {