wangjia
a642bf16a2
design/ 同步自最新设计导出，新增 ui_kits/tablet/ 平板分栏布局；todo/ 录入 18 个并行实施任务。 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
32 lines
1.8 KiB
HTML
32 lines
1.8 KiB
HTML
<!-- @dsCard group="UI Kit — Desktop" name="UI Kit · 桌面客户端" subtitle="macOS 窗口 · 连接/节点/统计/设置 · 中英切换" viewport="980x640" -->
|
|
<!doctype html>
|
|
<html lang="zh">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>穿山甲 · 桌面客户端</title>
|
|
<link rel="stylesheet" href="../../colors_and_type.css">
|
|
<style>
|
|
html, body { margin: 0; height: 100%; }
|
|
body { background: var(--sand-200); display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 28px; box-sizing: border-box; font-family: var(--font-sans); }
|
|
@keyframes pg-spin { to { transform: rotate(360deg); } }
|
|
* { -webkit-font-smoothing: antialiased; }
|
|
button { font-family: inherit; }
|
|
::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 4px; }
|
|
</style>
|
|
<script src="https://unpkg.com/react@18.3.1/umd/react.development.js" integrity="sha384-hD6/rw4ppMLGNu3tX5cjIb+uRZ7UkRJ6BPkLpg4hAu/6onKUg4lLsHAs9EBPT82L" crossorigin="anonymous"></script>
|
|
<script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.development.js" integrity="sha384-u6aeetuaXnQ38mYT8rp6sbXaQe3NL9t+IBXmnYxwkUI2Hw4bsp2Wvmx4yRQF1uAm" crossorigin="anonymous"></script>
|
|
<script src="https://unpkg.com/@babel/standalone@7.29.0/babel.min.js" integrity="sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y" crossorigin="anonymous"></script>
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="text/babel" src="macos-window.jsx?v8"></script>
|
|
<script type="text/babel" src="dparts.jsx?v8"></script>
|
|
<script type="text/babel" src="dflows.jsx?v8"></script>
|
|
<script type="text/babel" src="dapp.jsx?v8"></script>
|
|
<script type="text/babel">
|
|
ReactDOM.createRoot(document.getElementById('root')).render(<DesktopApp />);
|
|
</script>
|
|
</body>
|
|
</html>
|