25 lines
531 B
Vue
25 lines
531 B
Vue
|
<!-- แสดง ui การโหลด -->
|
||
|
|
<template>
|
||
|
|
<q-inner-loading :showing="loaderVisibility" class="loader">
|
||
|
|
<q-spinner-cube size="80px" color="primary" />
|
||
|
|
</q-inner-loading>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
import { watch, ref } from "vue";
|
||
|
|
const props = defineProps({
|
||
|
|
visibility: Boolean,
|
||
|
|
});
|
||
|
|
|
||
|
|
const loaderVisibility = ref<boolean>(props.visibility);
|
||
|
|
|
||
|
|
watch(props, (count, prevCount) => {
|
||
|
|
loaderVisibility.value = props.visibility;
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="sass">
|
||
|
|
.loader
|
||
|
|
z-index: 1000
|
||
|
|
</style>
|