applet-mask

首先在小程序文件下 使用npm init (如果之前安装过其他三方组件请跳过此步骤) >### 然后在小程序文件目录下(不局限根目录) npm i applet-mask,安装好之后 然后在 >### 小程序开发工具中 首先勾选“使用 npm 模块”选项: > >### 然后在找到工具栏 npm构建 点击 > >### 成功之后 会生成此文件夹及文件 > >### 然后在 你需要用到组件的页面json 引入 >###

Usage no npm install needed!

<script type="module">
  import appletMask from 'https://cdn.skypack.dev/applet-mask';
</script>

README

说明


这一个针对微信小程序所开发蒙版组件 此组件可能与平时js插件有点区别接下来我介绍下组件的使用

安装 npm i applet-mask

首先在小程序文件下 使用npm init (如果之前安装过其他三方组件请跳过此步骤)

然后在小程序文件目录下(不局限根目录) npm i applet-mask,安装好之后 然后在

小程序开发工具中 首先勾选“使用 npm 模块”选项:

然后在找到工具栏 npm构建 点击

成功之后 会生成此文件夹及文件

然后在 你需要用到组件的页面json 引入

参数说明

参数名 使用
zIndex 设置层级类似 css中z-index
dialogVisible 控制蒙版打开或者关闭 true打开反之
isClose 页面用来监听蒙版的打开,关闭 因为蒙版开关时组件级,组件内关闭后需要通知页面 页面使用 bindisClose

页面中定义以maskBox为名称的卡槽 你可以在遮罩内部随意添加自己内容

以上就是组件使用方式 之后我会把git地址贴上来 请大家多给建议 谢谢