1.0.4 • Published 5 years ago
modo-mask v1.0.4
mask
Demo
Usage
install
npm install --save modo-maskpage/component.json
{
"usingComponents": {
"custom-mask": "modo-mask"
}
}Tips： 直接命名为 <mask></mask> 会有官方内置的样式干扰。
Slots
| Name | Type | Default | Description |
|---|---|---|---|
| content | Dom | 弹窗内容 |
Properties
| Name | Type | Default | Description |
|---|---|---|---|
| maskStatus | Boolean | false | 设置蒙层的显示状态 |
| duration | Number | 200 | 设置蒙层出现的过渡时间 |
| bgColor | String | rgba(0, 0, 0, 0.5) | 自定义蒙层背景颜色 |
| zIndex | Number | 100 | 自定义蒙层z-index |
Events
| Name | Type | Default | Description |
|---|---|---|---|
| tapmask | bind | noop | 点击蒙层的事件。可以监听该事件用于关闭蒙层 |