10 changed files with 110 additions and 27 deletions
@ -0,0 +1,36 @@ |
|||
<template> |
|||
<q-dialog v-model="alert" no-esc-dismiss no-backdrop-dismiss> |
|||
<q-card style="width: 300px; height: 200px"> |
|||
<q-card-section class="w-full h-full"> |
|||
<div style="display: flex; justify-content: center; align-items: center; height: 100%; flex-direction: column"> |
|||
<div> |
|||
<q-spinner-gears color="primary" size="5.5em" /> |
|||
</div> |
|||
<div> |
|||
{{ msg }} |
|||
</div> |
|||
</div> |
|||
</q-card-section> |
|||
</q-card> |
|||
</q-dialog> |
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
import { ref } from 'vue'; |
|||
|
|||
const alert = ref(false); |
|||
const msg = ref(''); |
|||
|
|||
const show = (msg_: string = '正在处理,请稍等...') => { |
|||
msg.value = msg_; |
|||
alert.value = true; |
|||
}; |
|||
const hide = () => { |
|||
alert.value = false; |
|||
}; |
|||
|
|||
defineExpose({ |
|||
show, |
|||
hide, |
|||
}); |
|||
</script> |
|||
Loading…
Reference in new issue