refactor(vnt-web): 前端重构为 Vite+Vue3+Pinia 工程并重新设计 UI
- 单文件 index.html 拆分为 vnt-web/ui(pnpm+Vite+Vue3 SFC+Pinia+Tailwind v4),构建产物输出到 static/ - UI 重新设计:浅色简洁风(可切换深色模式)、顶部导航、新增总览仪表盘首页 - 自定义弹窗/toast/确认框替换全部原生 alert/confirm,交互与过渡统一 - 响应式布局:移动端汉堡导航,表格与卡片自适应 - 实例卡片移除日志按钮;启动组网默认选中第一个配置
This commit is contained in:
@@ -0,0 +1,17 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user