@beysong/wxc-mask

1.0.12 • Public • Published

wxc-mask

MinUI 小程序组件 - 遮罩层

Install

$ min install @minui/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/beysong/minui/tree/master/packages/wxc-mask
MinUI 组件库
https://github.com/meili/minui

Preview

mask

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)

  • 初始版本

Readme

Keywords

none

Package Sidebar

Install

npm i @beysong/wxc-mask

Weekly Downloads

1

Version

1.0.12

License

MIT

Unpacked Size

8.05 kB

Total Files

4

Last publish

Collaborators

  • beysong