41 lines
1.2 KiB
Vue
41 lines
1.2 KiB
Vue
<template>
|
|
<DialogVant v-model:show="visible" :closeOnClickOverlay="false" :timeOut="-1">
|
|
<template v-slot:title>
|
|
<div class="flex flex-col items-center">
|
|
<DotLottieVue
|
|
class="w-11rem h-11rem"
|
|
autoplay
|
|
src="https://lottie.host/129cf3a1-df84-4758-a856-58c133ae6013/R5RqclXA8G.json"
|
|
/>
|
|
<div class="p-5 text-sm">آیا از خروج خود اطمینان دارید؟</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template v-slot:button>
|
|
<div class="text-center text-red flex items-center justify-center" @click="$emit('confirm')">
|
|
<a-spin :spinning="false" size="small">خروج</a-spin>
|
|
</div>
|
|
<div class="text-center" @click="visible = false">انصراف</div>
|
|
</template>
|
|
</DialogVant>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import DialogVant from '@/components/DialogVant.vue'
|
|
import { DotLottieVue } from '@lottiefiles/dotlottie-vue'
|
|
import {computed} from "vue";
|
|
|
|
const props = defineProps<{
|
|
show: boolean
|
|
}>()
|
|
|
|
const emit = defineEmits<{
|
|
'update:show': [value: boolean]
|
|
confirm: []
|
|
}>()
|
|
|
|
const visible = computed({
|
|
get: () => props.show,
|
|
set: (val) => emit('update:show', val)
|
|
})
|
|
</script> |