You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
865 B
31 lines
865 B
<template>
|
|
<!-- 全屏「处理中」遮罩：覆盖整页并拦截点击，写操作进行中显示，杜绝重复提交/误点 -->
|
|
<Transition name="fade">
|
|
<div
|
|
v-if="loading"
|
|
class="fixed inset-0 z-[100] flex items-center justify-center bg-black/30 backdrop-blur-[1px]"
|
|
aria-busy="true"
|
|
role="alert"
|
|
>
|
|
<div class="flex flex-col items-center gap-3 rounded-2xl bg-white px-10 py-7 shadow-xl">
|
|
<span class="loading loading-spinner loading-lg text-primary"></span>
|
|
<span class="text-sm text-slate-600">处理中，请稍候…</span>
|
|
</div>
|
|
</div>
|
|
</Transition>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const { loading } = useLoading()
|
|
</script>
|
|
|
|
<style scoped>
|
|
.fade-enter-active,
|
|
.fade-leave-active {
|
|
transition: opacity 0.15s ease;
|
|
}
|
|
.fade-enter-from,
|
|
.fade-leave-to {
|
|
opacity: 0;
|
|
}
|
|
</style>
|
|
|