[bugfix] Popup overlayClass type (#374)

This commit is contained in:
neverland 2017-12-04 16:42:28 +08:00 committed by GitHub
parent d78e261820
commit 03824c5b07
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 16 additions and 33 deletions

View File

@ -44,7 +44,7 @@ Use `position` prop to set popup display position
| lockOnScroll | Lock body scroll | `Boolean` | `false` | - | | lockOnScroll | Lock body scroll | `Boolean` | `false` | - |
| position | Position | `String` | - | `top` `bottom` `right` `left` | | position | Position | `String` | - | `top` `bottom` `right` `left` |
| overlayClass | Custom overlay class | `String` | `` | - | | overlayClass | Custom overlay class | `String` | `` | - |
| overlayStyle | Custom overlay style | `Object` | `` | - | | overlayStyle | Custom overlay style | `Object` | - | - |
| closeOnClickOverlay | Close popup when click overlay | `Boolean` | `true` | - | | closeOnClickOverlay | Close popup when click overlay | `Boolean` | `true` | - |
| transition | Transition | `String` | `popup-slide` | - | | transition | Transition | `String` | `popup-slide` | - |
| preventScroll | Prevent background scroll | `Boolean` | `false` | - | | preventScroll | Prevent background scroll | `Boolean` | `false` | - |

View File

@ -58,7 +58,7 @@ export default {
</script> </script>
<style lang="postcss"> <style lang="postcss">
@import '../../../packages/vant-css/src/common/var'; @import '../../../packages/vant-css/src/common/var.css';
.side-nav { .side-nav {
width: 100%; width: 100%;

View File

@ -3,41 +3,24 @@ import context from './popup-context';
export default { export default {
props: { props: {
// popup 当前显示状态 // whether to show popup
value: { value: Boolean,
type: Boolean, // whether to show overlay
default: false overlay: Boolean,
}, // overlay custom style
// 是否显示遮罩层 overlayStyle: Object,
overlay: { // overlay custom class name
type: Boolean, overlayClass: String,
default: false // whether to close popup when click overlay
}, closeOnClickOverlay: Boolean,
// 点击遮罩层是否关闭 popup // z-index
closeOnClickOverlay: {
type: Boolean,
default: false
},
zIndex: [String, Number], zIndex: [String, Number],
// popup 滚动时是否禁用 body 滚动 // prevent touchmove scroll
preventScroll: Boolean,
// prevent body scroll
lockOnScroll: { lockOnScroll: {
type: Boolean, type: Boolean,
default: true default: true
},
// 防止滚动穿透
preventScroll: {
type: Boolean,
default: false
},
// 遮罩层额外样式
overlayStyle: {
type: String,
default: ''
},
// 遮罩层额外类
overlayClass: {
type: String,
default: ''
} }
}, },