Overlay 遮罩层

基础用法

代码演示

测试内容

<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	关闭时销毁元素	boolean	false
close-on-click-overlay	点击遮罩时关闭	boolean	true

Overlay CSS

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