46 lines
1.1 KiB
Vue
46 lines
1.1 KiB
Vue
<template>
|
|
<van-dialog
|
|
v-model:show="show"
|
|
class="gold-loading-dialog updateButton"
|
|
teleport="body"
|
|
:z-index="zIndex"
|
|
:show-confirm-button="false"
|
|
:close-on-click-overlay="false"
|
|
:close-on-popstate="false"
|
|
>
|
|
<div class="flex flex-col items-center p-2">
|
|
<DotLottieVue class="w-15rem h-15rem" autoplay loop src="/animIsTracking.json" />
|
|
<div class="font-bold">در حال انجام تراکنش</div>
|
|
<div class="home_appear_fade_in_up mt-2 text-sm mb-5">
|
|
سفارش شما در حال پیگیری است، لطفا صبور باشید!
|
|
</div>
|
|
</div>
|
|
</van-dialog>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { computed } from 'vue'
|
|
import { DotLottieVue } from '@lottiefiles/dotlottie-vue'
|
|
import { APP_Z_OVERLAY } from '@/utils/zIndex'
|
|
|
|
const props = withDefaults(
|
|
defineProps<{
|
|
show?: boolean
|
|
zIndex?: number
|
|
}>(),
|
|
{
|
|
show: false,
|
|
zIndex: APP_Z_OVERLAY,
|
|
},
|
|
)
|
|
|
|
const emit = defineEmits<{
|
|
'update:show': [value: boolean]
|
|
}>()
|
|
|
|
const show = computed({
|
|
get: () => props.show,
|
|
set: (value: boolean) => emit('update:show', value),
|
|
})
|
|
</script>
|