Backdrop 遮罩

全屏半透明遮罩，支持 transparent/blur 变体与 body 滚动锁定；open=false 时自动卸载节点，不留孤儿 DOM。

基础用法

基础用法

打开遮罩

点击遮罩任意位置关闭（监听 oas-click）。

示例代码

透明与模糊

透明与模糊

透明 + 模糊纯透明

示例代码

不锁定滚动

不锁定滚动

打开（可滚动）

lock-scroll 默认 true，设为 false 后 body 可继续滚动。

示例代码

API

属性

属性	说明	类型	默认值
blur	背景模糊	—	—
lock-scroll	打开时锁定 body 滚动	string	true
open	是否显示	boolean	—
transparent	遮罩透明（无底色）	—	—

事件

事件	说明
oas-click	点击遮罩，detail.originalEvent 为原始点击事件

• 自身无焦点陷阱（由上层弹窗负责）；Esc 不自动关闭（由外层弹窗决定）。
• open=false 时节点从 DOM 卸载，无孤儿 DOM；多遮罩共存时仅最后一个关闭才恢复滚动。