其他 / Backdrop背景暗化组件
一般是用来进行背景遮罩的. 比如Alert/Actionsheet组件等用到.
- 源码:
传入属性 / Props:
| Name | Type | Attributes | Default | Description |
|---|---|---|---|---|
enableBackdropDismiss |
Boolean |
<optional> |
true
|
是否能点击背景关闭操作, 设置`backdrop-no-tappable` 样式(不重要) |
isActive |
Boolean |
<optional> |
false
|
组件是否激活 |
bdClick |
function |
<optional> |
noop
|
点击背景的处理方式 |
top |
Number |
<optional> |
0
|
偏移量 |
left |
Number |
<optional> |
0
|
偏移量 |
fixed |
Boolean |
<optional> |
false
|
是否设置position：fixed, 防止滚动的时候幕布移动 |
对外事件 / Fires:
用法 / Usages
import { Backdrop } from 'vimo'
<Backdrop :bdClick="bdClick" :enableBackdropDismiss="enableBackdropDismiss" :isActive="isActive"></Backdrop>事件 / Events
onHidden
- 源码:
当Backdrop关闭时触发
onShown
- 源码:
当Backdrop打开时触发