基本使用
通过 show
控制显示和隐藏,通过 zIndex
控制显示的层级
html
<uv-overlay
:show="show"
z-index="2"
@click="show = false"
/>
嵌入内容
通过默认插槽进行插入内容
html
<uv-overlay
:show="show1"
@click="show1 = false"
>
<div class="wrapper">
<div class="block">
test
</div>
</div>
</uv-overlay>
props
属性 | 含义 | 类型 | 默认值 |
---|---|---|---|
show | 是否显示遮罩 | Boolean | false |
zIndex | 层级 | String | '1' |
overlay | 显示遮罩背景 | Boolean | true |
css变量
css
--uv-overlay-transition-time: 0.5s;