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 |