(#37) Add mask modular

This commit is contained in:
2022-01-19 21:21:21 +08:00
parent 3119c862b1
commit 874c64829a
7 changed files with 86 additions and 7 deletions
+8
View File
@@ -0,0 +1,8 @@
view.mask {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba($color: #000000, $alpha: .2);
z-index: 1;
}
+45
View File
@@ -0,0 +1,45 @@
import { Modular, Manager } from "../../core/Module";
class Mask<M extends Manager> extends Modular<M> {
public data? = {
/**
* 蒙版的层级
*/
zIndex: 1,
/**
* 蒙版是否显示
*/
isShow: false
};
private disappearTimer?: number;
/**
* 显示蒙版
*/
public showMask() {
this.setData({ isShow: true });
}
/**
* 隐藏蒙版
*/
public hideMask() {
this.setData({ isShow: false });
}
public override onLoad() {
this.setFunc(this.handleClickMask, "handleClickMask");
// Do something
}
private handleClickMask() {
this.hideMask();
}
}
export { Mask };
export default Mask;