Skip to content

Overlay 遮罩层

用于创建页面遮罩,常与弹窗、抽屉或自定义浮层组合使用。

示例

基础用法

API

Props

属性名说明类型默认值示例
mask是否显示遮罩层booleantrue:mask="false"
z-index遮罩层级number2026:z-index="3000"

Events

该组件无自定义事件。点击等原生事件可按 Vue 组件透传规则监听。

Slots

插槽名说明作用域参数示例
default遮罩中的内容-<template #default>

注意事项

  • 遮罩应与前景内容层级配合,避免覆盖关系错误。
  • 需要阻断背景操作时再使用遮罩,避免不必要打断。