遮罩组件
主要用于页面级别的蒙层
API
name | description | type | default |
---|---|---|---|
open | 控制遮罩的显示与隐藏 | boolean | false |
showMask | 是否显示遮罩 | boolean | false |
contentWidth | 遮罩层上的内容盛放区域的宽度 | string | 700px |
contentHeight | 遮罩层上的内容盛放区域的高度 | string | 220px |
contentBgColor | 遮罩层上的内容盛放区域的背景颜色 | String | undefined |
maskBgColor | 遮罩的颜色 | String | undefined |
closeOnOverlay | 是否开启点击遮罩关闭 | boolean | true |
closeOnEsc | 是否开启esc键关闭遮罩 | boolean | true |
onClose | 负责关闭遮罩的函数 | Function | () => void |
onClose 说明:
1、由该函数负责具体的关闭逻辑(在你的组件内部通过控制open参数来实现关闭与否),并且你可以在关闭前或者关闭后有机会实现你自己的业务逻辑。
2、如果不提供该函数,那么关闭功能将失效
3、你可以实现自己的具体content组件,并作为children 嵌套于该组件,以达到你的content自定义的效果。同理,你也可以实现自己想要的关闭按钮样式,并自定义关闭前后的逻辑