1405/02/24-Optimization home index.vue

2026-05-14 13:44:43 +03:30
parent e3b4182f6c
commit 1b13aa2a7d
19 changed files with 2143 additions and 1082 deletions
@@ -0,0 +1,41 @@
+<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>