Skip to content

Overlay 遮罩层

基础用法

  • 强调特定元素,常与弹出层等组件搭配使用
vue
<template>
	<sn-overlay ref="overlayEle"></sn-overlay>
</template>

更多演示请下载 demo 查看

属性

参数说明类型默认值可选值
maskClose点击遮罩是否关闭遮罩层Booleantruetrue | false
renderMode遮罩层的渲染方式(v-if 或 v-show)Stringv-ifv-if | v-show
opacity遮罩层的透明度Number0.3-
aniTime遮罩层动画时长String$long-
bgColor遮罩层背景颜色String#000-
customStyle自定义遮罩层样式UTSJSONObject{}-

方法

名称参数返回值描述
open--打开遮罩层
close--关闭遮罩层

事件

名称类型说明
clickMask() => void点击遮罩时触发
close() => void关闭时触发
open() => void打开时触发

插槽

名称说明
default这里放置内容

使用 MIT 协议