1.3 KiB
1.3 KiB
VDI Cloud UI 设计说明
视觉继承
- 色彩：以百工万象定版的蜂蜜金橙
#BD713B为主动作色，配合深色#151D27 / #1D2733 / #253241与浅色#F5F7FA / #FFFFFF / #F0F3F7。 - 结构：固定左侧组织与导航；右侧采用页面标题、动作区、卡片分组的工作台结构。
- 组件：18px 大圆角、轻阴影、低对比边框；状态使用绿/黄/红三色，保持与数字员工运行中心一致。
- 交互：页面在入口内可切换深浅主题；导航可以切换总览、资源池、远程会话、终端策略四个页面。
VDI 页面映射
| 页面 | 目标 | 关键内容 |
|---|---|---|
| 云桌面总览 | 管理员快速判断系统状态 | 在线桌面、活跃会话、延迟、告警、趋势、资源健康 |
| 桌面资源池 | 管理桌面模板与分配 | Windows / Ubuntu 桌面卡片、GPU、分辨率、状态与连接 |
| 远程会话 | 观察实时串流与诊断 | 画面预览、2K/60 FPS、延迟、GPU/显存、断开操作 |
| 终端与策略 | 统一配置终端体验 | 显示规格、自动恢复、独立光标、USB、断线保护 |
使用方式
直接打开 index.html，点击左侧导航查看页面；点击右上角月亮/太阳按钮切换主题。