Files
maestro/app/index.html
T
wangjia 0a896439d1 feat(app): React 18 + Vite 前端,像素级复刻 Maestro 设计系统 console
复用 design/ 设计系统作单一真相源(token + _ds_bundle.js + 6 个 surface
源文件不改),只移植 App 入口。整屏 console 与原型截图 diff 0.023%(≤0.5% 阈)。

- vite.config.js:经典 JSX + 注入 React,alias @ds → ../design
- src/globals.js:先注入 window.React,供预编译 bundle 使用
- src/main.jsx:按序加载 tokens → bundle → mock/i18n → 6 surface → App
- src/app.jsx:移植自原型 App(),三栏可拖拽 grid
- src/ambience.css:扫描线 + 暗角 phosphor 氛围层

下一步:mock data.js/i18n.js 换成真实 REST + WebSocket(按 ⑧ 前端 API 契约)。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-24 13:50:22 +08:00

13 lines
314 B
HTML

<!doctype html>
<html lang="zh-CN" data-theme="dark">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>MAESTRO · 任务调度台</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>