1.0.10 • Published 6 years ago
wxc-mask
MinUI 小程序组件 - 遮罩层
Install
$ min install @qianzhaoy/wxc-mask
API
Mask【props】
名称 | 描述 |
---|
status | 说明:控制遮罩层显示隐藏。类型:String 默认值:"hide" 可选值:"hide" ,遮罩层隐藏;"show" ,遮罩层显示。 |
opacity | 说明:设置遮罩层的不透明级别。类型:[String,Number] 默认值:"0.6" |
background-color | 说明:设置遮罩层的颜色。类型:String 默认值:"#000000" |
locked | 说明:遮罩层是否设置锁定态。类型:[String] 默认值:"hide" 可选值:"true" ,点击遮罩层背景部分不会关闭遮罩(点击子节点部分关闭遮罩)。"hide" ,点击遮罩层背景部分关闭遮罩(点击子节点部分不会关闭遮罩)。 |
content-align | 说明:设置遮罩层 content 定位位置。类型:String 默认值:"tl" 可选值:"tl" :页面左上角;"tr" :页面右上角;"cc" :页面中心;"bl" :页面左下角;"br" :页面右下角。 |
bind:masktap | 说明:locked 为 "true" 时,遮罩层点击事件的回掉函数 |
Mask【methods】
名称 | 描述 |
---|
show | 说明:显示遮罩层。类型:Function 参数:void 返回:void |
hide | 说明:隐藏遮罩层。类型:Function 参数:void 返回:void |
toggle | 说明:切换遮罩层的可见状态。类型:Function 参数:switch : Boolean 。可选。返回:void |
Link
Preview
ChangeLog
v1.0.6(2018.01.09)
v1.0.3(2018.01.04)
- 增加show,hide,toggle方法,增加自定义事件,规范z-index层级
v1.0.2(2017.11.02)
v1.0.1(2017.10.24)