@bbjxl/wxc-mask

MinUI 小程序组件 - 遮罩层

Usage no npm install needed!

<script type="module">
  import bbjxlWxcMask from 'https://cdn.skypack.dev/@bbjxl/wxc-mask';
</script>

README

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

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）

  • 初始版本