2025-03-03 19:24:51 +00:00
|
|
|
<script setup lang="ts">
|
|
|
|
|
import type { CSSProperties } from "vue";
|
|
|
|
|
|
|
|
|
|
interface Props {
|
|
|
|
|
dotClass?: string;
|
|
|
|
|
dotStyle?: CSSProperties;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
withDefaults(defineProps<Props>(), {
|
|
|
|
|
dotClass: "",
|
2025-06-29 14:09:09 +08:00
|
|
|
dotStyle: () => ({}),
|
2025-03-03 19:24:51 +00:00
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
<template>
|
|
|
|
|
<span class="relative mr-1 flex size-1.5">
|
|
|
|
|
<span :class="dotClass" :style="dotStyle" class="absolute inline-flex h-full w-full animate-ping rounded-full opacity-75"> </span>
|
|
|
|
|
<span :class="dotClass" :style="dotStyle" class="relative inline-flex size-1.5 rounded-full"></span>
|
|
|
|
|
</span>
|
|
|
|
|
</template>
|
