28 lines
687 B
Vue
28 lines
687 B
Vue
<script setup lang="ts">
|
|
|
|
import ProgressSpinner from "primevue/progressspinner";
|
|
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div class="relative w-full h-screen">
|
|
<!-- Полупрозрачный белый фон -->
|
|
<div class="absolute top-0 left-0 w-full h-full bg-gray-100 z-0"></div>
|
|
|
|
<!-- Спиннер поверх -->
|
|
<div class="absolute top-0 left-0 w-full h-full flex items-center justify-center z-50">
|
|
<ProgressSpinner
|
|
style="width: 50px; height: 50px;"
|
|
strokeWidth="8"
|
|
fill="transparent"
|
|
animationDuration=".5s"
|
|
aria-label="Custom ProgressSpinner"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style> |