(#37) Add mask modular
This commit is contained in:
@@ -0,0 +1,8 @@
|
||||
|
||||
view.mask {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba($color: #000000, $alpha: .2);
|
||||
z-index: 1;
|
||||
}
|
||||
@@ -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;
|
||||
Reference in New Issue
Block a user