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/meili/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）

• 初始版本