title, description, spline, isComponent
| title |
description |
spline |
isComponent |
| Overlay 遮罩层 |
通过遮罩层，可以强调部分内容 |
message |
true |
引入
可在 main.ts 或在需要使用的页面或组件中引入。
基础使用
{{ base }}
API
Overlay Props
| 名称 |
类型 |
默认值 |
描述 |
必传 |
| custom-style |
Object |
- |
自定义样式 |
N |
| background-color |
String |
- |
遮罩层的背景色 |
N |
| duration |
Number |
300 |
背景色过渡时间，单位毫秒 |
N |
| prevent-scroll-through |
Boolean |
true |
防止滚动穿透，即不允许点击和滚动 |
N |
| using-custom-navbar |
Boolean |
false |
是否使用了自定义导航栏 |
N |
| visible |
Boolean |
false |
是否展示 |
N |
| z-index |
Number |
11000 |
遮罩层级 |
N |
Overlay Events
| 名称 |
参数 |
描述 |
| click |
(context: { visible: boolean }) |
点击遮罩时触发 |
Overlay Slots
CSS Variables
组件提供了下列 CSS 变量，可用于自定义样式。
| 名称 |
默认值 |
描述 |
| --td-overlay-bg-color |
@mask-active |
- |
| --td-overlay-transition-duration |
300ms |
- |
