The v-overlay component is used to provide emphasis on a particular element or parts of it. It signals to the user of a state change within the application and can be used for creating loaders, dialogs and more.
В своей простой форме компонент v-overlay добавит затемненный слой над вашим приложением.
Ниже приведена коллекция простых и сложных примеров.
absolute overlays are positioned absolutely and contained inside of their parent element.
opacity allows you to customize the transparency of v-overlay components.
z-index gives you the ability to easily change the stack order of the v-overlay component.
Используя v-overlay в качестве фона, добавьте компонент прогресса, чтобы легко создать пользовательский загрузчик.
Using the v-hover, we are able to add a nice scrim over the information card with additional actions the user can take.
Готовы к большему? Продолжить чтение с: