Overlay 遮罩层

文档: https://vant-contrib.gitee.io/vant/#/zh-CN/overlay

一个容器, 使用 v-model:show 控制显示与否, 展示为一个遮罩层的容器. 而 overlay 组件所提供的默认插槽中的内容会显示在遮罩层的顶层 (可配置).

需要注意, 使用的默认插槽内的元素需要自定义样式来控制在遮罩层上的显示.

默认会按照文档流排列, 一般可以使用 flex 布局.

基本语法:

<van-overlay></van-overlay>

常用属性:

• v-model:show 绑定显示与隐藏.
• duration 动画时长. 默认 0.3.
• lock-scroll 锁定背景滚动. 默认为 true.

事件:

• click 一般用于控制点击遮罩层关闭.