chore: var name
This commit is contained in:
parent
47fe2f8f0a
commit
8f716e6f44
1 changed files with 8 additions and 10 deletions
|
|
@ -1,22 +1,20 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { watch, ref } from 'vue'
|
import { watch, ref } from 'vue'
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({ visibility: Boolean })
|
||||||
visibility: Boolean,
|
const visible = ref<boolean>(props.visibility)
|
||||||
})
|
|
||||||
|
|
||||||
const loaderVisibility = ref<boolean>(props.visibility)
|
watch(props, () => (visible.value = props.visibility))
|
||||||
|
|
||||||
watch(props, () => (loaderVisibility.value = props.visibility))
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<q-inner-loading :showing="loaderVisibility" class="loader">
|
<q-inner-loading :showing="visible" class="loader">
|
||||||
<q-spinner-cube size="80px" color="primary" />
|
<q-spinner-cube size="80px" color="primary" />
|
||||||
</q-inner-loading>
|
</q-inner-loading>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="sass">
|
<style lang="scss">
|
||||||
.loader
|
.loader {
|
||||||
z-index: 1000
|
z-index: 1000;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue