Skip to content

Overlay 遮罩层

基础用法

代码演示

vue
<script setup lang="ts">
import { ref } from 'vue';

const visible = ref<Boolean>(false);
</script>

<template>
  <s-button @click="visible = true">打开</s-button>
  <s-overlay v-model="visible">
    <p>测试内容</p>
  </s-overlay>
</template>

API

Overlay Attributes

名称说明类型默认值
destroy-on-close关闭时销毁元素booleanfalse
close-on-click-overlay点击遮罩时关闭booleantrue

Overlay CSS

名称说明默认值
--opacity-overlay透明度0.5