Mask 浮层遮罩
基础遮罩组件,弹出窗、图片预览框都是基于该组件实现的。
引用
js
import { Mask } from "litos-ui";1
演示
直接用法
通过 regist 注册组件,然后在模板中使用 <l-mask> 标签即可, 可以通过 open 属性控制是否显示遮罩层。
继承使用
通过继承 Mask 类,然后实现自定义功能逻辑,为自定义的类设置一个 static baseName = "x"; 将 x 替换为自定义的组件名称,就能在模板中使用 <l-x> 标签了。
API
BaseOverlay Attibutes
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| x | x | x | x |
BaseOverlay Slots
| 名称 | 说明 |
|---|---|
default | 内容 |
BaseOverlay Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
click | 点击按钮时触发 | (event: Event) |
BaseOverlay Methods
| 方法名 | 说明 | 类型 |
|---|---|---|
x | x | (x: number): string |
BaseOverlay CSS Variables
| 变量名 | 说明 | 默认值 |
|---|---|---|
--l | x | #fff |