Skip to content
On this page

基本使用

通过 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是否显示遮罩Booleanfalse
zIndex层级String'1'
overlay显示遮罩背景Booleantrue

css变量

css
--uv-overlay-transition-time: 0.5s;

Released under the MIT License.