1.0.11 • Published 6 years ago
@bbjxl/wxc-mask v1.0.11
wxc-mask
MinUI 小程序组件 - 遮罩层
Install
$ min install @bbjxl/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
地址 | |
---|---|
mask 组件文档 https://meili.github.io/min/docs/minui/index.html#mask | |
mask 组件源码 https://github.com/bbjxl/minui/tree/master/packages/wxc-mask | |
MinUI 组件库 https://github.com/meili/minui |
Preview
ChangeLog
v1.0.6(2018.01.09)
- z-index 层级规范方案修改
v1.0.3(2018.01.04)
- 增加show,hide,toggle方法,增加自定义事件,规范z-index层级
v1.0.2(2017.11.02)
- update .npmignore
v1.0.1(2017.10.24)
- 初始版本
1.0.11
6 years ago