applet-mask
1.0.5 • Public • Published 说明
这一个针对微信小程序所开发蒙版组件 此组件可能与平时js插件有点区别接下来我介绍下组件的使用
安装 npm i applet-mask
首先在小程序文件下 使用npm init (如果之前安装过其他三方组件请跳过此步骤)
然后在小程序文件目录下(不局限根目录) npm i applet-mask,安装好之后 然后在
小程序开发工具中 首先勾选“使用 npm 模块”选项:
![]()
然后在找到工具栏 npm构建 点击
![](https://res.wx.qq.com/wxdoc/dist/assets/img/construction.408e13ae.png)
成功之后 会生成此文件夹及文件
![](https://sheu-huabei5.oss-cn-huhehaote.aliyuncs.com/supplier/headpic/wx844186818ebcb8e6.o6zAJsxKYfLRiinueosJjMcG6tqM.reB2FWMmUQFBc93b3fa722589cc30c6c579c8356ab79.png)
然后在 你需要用到组件的页面json 引入
![](https://sheu-huabei5.oss-cn-huhehaote.aliyuncs.com/store/goodsImage/6.png)
参数说明
参数名 |
使用 |
zIndex |
设置层级类似 css中z-index |
dialogVisible |
控制蒙版打开或者关闭 true打开反之 |
isClose |
页面用来监听蒙版的打开,关闭 因为蒙版开关时组件级,组件内关闭后需要通知页面 页面使用 bindisClose
|
页面中定义以maskBox为名称的卡槽 你可以在遮罩内部随意添加自己内容
![](https://sheu-huabei5.oss-cn-huhehaote.aliyuncs.com/store/goodsImage/5.png)
以上就是组件使用方式 之后我会把git地址贴上来 请大家多给建议 谢谢
Package Sidebar
Install
Weekly Downloads