用途:该技能用于 VanDaemon 的 Blazor WebAssembly 前端界面设计,基于 MudBlazor 提供 Material Design 组件,面向触控优化、离线优先的 IoT 仪表盘。设计强调通过可拖拽叠加层的 SVG 车辆示意图实现实时数据可视化、在多变光照下保持高对比度可读性,以及控制操作的即时视觉反馈。
主要能力:提供 MudBlazor 组件样式(如 MudCard、MudSwitch、MudChip、MudProgressLinear、MudBadge 等)的用法;支持 SVG 示意图叠加层,通过绝对定位将状态标签放置在车辆图上;包含触控目标(最小 48px)、语义状态色(Success/Warning/Error)、卡片与对话框的层级高度(Elevation)、小屏紧凑模式(Dense)等设计约定;并给出实时状态显示与 SignalR 连接状态指示等常见模式。
使用方式:在 Razor 组件中引用 MudBlazor 组件并套用示例中的 Class、Color、Elevation 等参数;SVG 叠加层使用 van-diagram-container 容器配合绝对定位的 overlay-item。相关技能包括 mudblazor(组件 API)、blazor(WASM 模式与状态管理)、signalr(实时更新集成),以及 aesthetics、components、layouts、motion、patterns 等参考主题。
适用场景:VanDaemon 仪表盘的新页面创建、控件卡片与状态展示样式设计、车辆示意图叠加层布局、连接状态指示等。
限制:资料未提供该技能的安装命令、收费方式、支持平台及具体版本要求,暂未提供。