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 | 关闭时销毁元素 | boolean | false |
close-on-click-overlay | 点击遮罩时关闭 | boolean | true |
Overlay CSS
名称 | 说明 | 默认值 |
---|---|---|
--opacity-overlay | 透明度 | 0.5 |