change scrolling to scrollable
This commit is contained in:
parent
f346ce4bd9
commit
5d0b89ced8
2 changed files with 8 additions and 8 deletions
|
@ -77,7 +77,7 @@
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false
|
||||||
},
|
},
|
||||||
scrolling: {
|
scrollable: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false
|
||||||
}
|
}
|
||||||
|
@ -208,7 +208,7 @@
|
||||||
} else {
|
} else {
|
||||||
if (this.timer) clearTimeout(this.timer);
|
if (this.timer) clearTimeout(this.timer);
|
||||||
this.wrapShow = true;
|
this.wrapShow = true;
|
||||||
if (!this.scrolling) {
|
if (!this.scrollable) {
|
||||||
this.addScrollEffect();
|
this.addScrollEffect();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -218,7 +218,7 @@
|
||||||
this.buttonLoading = false;
|
this.buttonLoading = false;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
scrolling (val) {
|
scrollable (val) {
|
||||||
if (!val) {
|
if (!val) {
|
||||||
this.addScrollEffect();
|
this.addScrollEffect();
|
||||||
} else {
|
} else {
|
||||||
|
|
|
@ -5,18 +5,18 @@
|
||||||
</style>
|
</style>
|
||||||
<template>
|
<template>
|
||||||
<i-button type="primary" @click="modal1 = true">显示对话框</i-button>
|
<i-button type="primary" @click="modal1 = true">显示对话框</i-button>
|
||||||
<i-button @click="scrolling = !scrolling">Toggle Scrolling</i-button>
|
<i-button @click="scrollable = !scrollable">Toggle scrollable</i-button>
|
||||||
Scrolling:{{scrolling}}
|
scrollable:{{scrollable}}
|
||||||
<Modal
|
<Modal
|
||||||
:visible.sync="modal1"
|
:visible.sync="modal1"
|
||||||
title="普通的Modal对话框标题"
|
title="普通的Modal对话框标题"
|
||||||
:scrolling="scrolling"
|
:scrollable="scrollable"
|
||||||
@on-ok="ok"
|
@on-ok="ok"
|
||||||
@on-cancel="cancel">
|
@on-cancel="cancel">
|
||||||
<p>对话框内容</p>
|
<p>对话框内容</p>
|
||||||
<p>对话框内容</p>
|
<p>对话框内容</p>
|
||||||
<p>对话框内容</p>
|
<p>对话框内容</p>
|
||||||
<i-button @click="scrolling = !scrolling">Toggle Scrolling</i-button>
|
<i-button @click="scrollable = !scrollable">Toggle scrollable</i-button>
|
||||||
</Modal>
|
</Modal>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
@ -24,7 +24,7 @@
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
modal1: false,
|
modal1: false,
|
||||||
scrolling: false
|
scrollable: false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
Loading…
Add table
Reference in a new issue