组件
加载器 Spinner
Spinner:加载指示。一段墨色弧线绕中心旋转。默认低调,只报告等待,不抢占注意力。
#基础用法
Loading the archive…
<script setup lang="ts">
import { Spinner } from "@bysages/vue";
</script>
<template>
<div class="flex items-center gap-6">
<Spinner size="sm" />
<Spinner size="md" />
<Spinner size="lg" />
<span class="text-tertiary">Loading the archive…</span>
</div>
</template>
#属性
#Spinner
Spinner:加载指示。一段墨色弧线绕中心旋转。默认低调,只报告等待,不抢占注意力。
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
size | String as PropType<"sm" | "md" | "lg"> | "md" | 加载图标的直径档位 |