Vuetify

商店

企业版

v-overlay 组件用于强调特定元素或其中的一部分。 它向用户发出应用程序内状态更改的信号,可用于创建加载程序,对话框等。

以最简单的形式,v-overlay 组件将在您的应用程序上添加暗淡的图层。

从下面选择您想要的组件,并查看可用的属性、插槽、事件和函数。

下面是一些简单到复杂的例子。

absolute 遮罩层被放置在绝对位置,并包含在父元素中。

opacity 允许您自定义 v-overlay 组件的透明度。

使用 z-index 可以轻松更改 v-overlay 组件的堆栈顺序。

使用 v-overlay 作为背景,添加进度组件来轻松创建自定义加载器。

使用 v-hover,我们可以在信息卡上添加漂亮的稀松布,以及用户可以执行的其他操作。

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!