Files
vnt/vnt-web/ui/src/components/StatusDot.vue
T
lbl 7513465b61 refactor(vnt-web): 前端重构为 Vite+Vue3+Pinia 工程并重新设计 UI
- 单文件 index.html 拆分为 vnt-web/ui(pnpm+Vite+Vue3 SFC+Pinia+Tailwind v4),构建产物输出到 static/
- UI 重新设计:浅色简洁风(可切换深色模式)、顶部导航、新增总览仪表盘首页
- 自定义弹窗/toast/确认框替换全部原生 alert/confirm,交互与过渡统一
- 响应式布局:移动端汉堡导航,表格与卡片自适应
- 实例卡片移除日志按钮;启动组网默认选中第一个配置
2026-08-22 00:53:51 +08:00

18 lines
433 B
Vue

<script setup>
defineProps({
status: { type: String, default: "stopped" },
size: { type: String, default: "w-2.5 h-2.5" },
});
const dotClass = (status) =>
status === "running"
? "bg-green-500"
: status === "starting"
? "bg-blue-500 animate-pulse"
: "bg-slate-400 dark:bg-slate-500";
</script>
<template>
<span class="rounded-full inline-block shrink-0" :class="[size, dotClass(status)]" />
</template>