Files
certd/packages/ui/certd-client/src/vben/menu-ui/components/menu-badge-dot.vue
T
2025-06-29 14:09:09 +08:00

20 lines
547 B
Vue

<script setup lang="ts">
import type { CSSProperties } from "vue";
interface Props {
dotClass?: string;
dotStyle?: CSSProperties;
}
withDefaults(defineProps<Props>(), {
dotClass: "",
dotStyle: () => ({}),
});
</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>