茂之钳
8cdf48ab95
- 01-onboarding.svg (引导页) - 02-connect.svg (连接页) - 03-chat.svg (聊天页) - 04-settings.svg (设置页) - 05-voice.svg (语音页) - 06-canvas.svg (画布页) - 07-devices.svg (节点管理) - 08-notifications.svg (通知历史) - 09-diagnostics.svg (连接诊断) 配色: Spec Dark mode tokens (#111827 bg, #5B8CFF primary) 图标: SVG path vectors (Remix-style), fully editable in Figma/Pixso
39 lines
4.1 KiB
XML
39 lines
4.1 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="390" height="844" viewBox="0 0 390 844">
|
|
<rect width="390" height="844" fill="#111827"/>
|
|
<rect x="0" y="0" width="390" height="44" fill="#111827"/>
|
|
<text x="20" y="30" fill="#F9FAFB" font-size="14" font-family="sans-serif" >14:30</text>
|
|
<text x="370" y="30" fill="#6B7280" font-size="11" font-family="sans-serif" text-anchor="end">◉ █ █ 95%</text>
|
|
<text x="20" y="70" fill="#F9FAFB" font-size="17" font-family="sans-serif" >连接</text>
|
|
<text x="366" y="70" fill="#9CA3AF" font-size="18" font-family="sans-serif" >···</text>
|
|
<rect x="0" y="86" width="390" height="1" fill="#374151"/>
|
|
<rect x="16" y="100" width="358" height="44" rx="6" fill="#1A2744"/>
|
|
<circle cx="36" cy="122" r="5" fill="#34D399"/>
|
|
<text x="52" y="127" fill="#34D399" font-size="13" font-family="sans-serif" >已连接 · hdtime</text>
|
|
<text x="52" y="141" fill="#6B7280" font-size="11" font-family="sans-serif" >网关: gateway.hdtime.space</text>
|
|
<text x="20" y="178" fill="#9CA3AF" font-size="13" font-family="sans-serif" >已配对设备: 茂之钳 (main)</text>
|
|
<rect x="16" y="196" width="358" height="120" rx="8" fill="#1F2937"/>
|
|
<text x="28" y="222" fill="#F9FAFB" font-size="13" font-family="sans-serif" >连接信息</text>
|
|
<text x="28" y="248" fill="#6B7280" font-size="12" font-family="sans-serif" >网关地址</text>
|
|
<text x="180" y="248" fill="#F9FAFB" font-size="12" font-family="sans-serif" >hdtime.space</text>
|
|
<text x="28" y="276" fill="#6B7280" font-size="12" font-family="sans-serif" >端口</text>
|
|
<text x="180" y="276" fill="#F9FAFB" font-size="12" font-family="sans-serif" >443 (WSS)</text>
|
|
<text x="28" y="304" fill="#6B7280" font-size="12" font-family="sans-serif" >连接状态</text>
|
|
<text x="180" y="304" fill="#F9FAFB" font-size="12" font-family="sans-serif" >● 在线</text>
|
|
<rect x="20" y="336" width="128" height="38" rx="8" fill="none" stroke="#374151" stroke-width="1.5"/>
|
|
<text x="84" y="360" fill="#F9FAFB" font-size="12" font-family="sans-serif" text-anchor="middle">切换网关</text>
|
|
<rect x="200" y="336" width="128" height="38" rx="8" fill="#5B8CFF"/>
|
|
<text x="264" y="360" fill="#fff" font-size="12" font-family="sans-serif" text-anchor="middle">重新配对</text>
|
|
<rect x="0" y="796" width="390" height="48" fill="#111827"/>
|
|
<rect x="0.0" y="796" width="78.0" height="2" fill="#5B8CFF"/>
|
|
<g transform="translate(30.0, 803.0) scale(0.9)"><path d="M4 10a6 6 0 0112 0v2a2 2 0 01-2 2h-1M16 10a6 6 0 01-12 0V8a2 2 0 012-2h1" fill="none" stroke="#5B8CFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g>
|
|
<text x="39.0" y="834" fill="#5B8CFF" font-size="9" font-family="sans-serif" text-anchor="middle">连接</text>
|
|
<g transform="translate(108.0, 803.0) scale(0.9)"><path d="M4 4h16v12H8l-4 4V4z" fill="none" stroke="#6B7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g>
|
|
<text x="117.0" y="834" fill="#6B7280" font-size="9" font-family="sans-serif" text-anchor="middle">聊天</text>
|
|
<g transform="translate(186.0, 803.0) scale(0.9)"><path d="M12 2a4 4 0 00-4 4v6a4 4 0 008 0V6a4 4 0 00-4-4zM6 12a6 6 0 0012 0M12 18v4M8 22h8" fill="none" stroke="#6B7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g>
|
|
<text x="195.0" y="834" fill="#6B7280" font-size="9" font-family="sans-serif" text-anchor="middle">语音</text>
|
|
<g transform="translate(264.0, 803.0) scale(0.9)"><path d="M4 6a2 2 0 012-2h2l2 4-2 2a14 14 0 007 7l2-2 4 2v2a2 2 0 01-2 2A18 18 0 014 6z" fill="none" stroke="#6B7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g>
|
|
<text x="273.0" y="834" fill="#6B7280" font-size="9" font-family="sans-serif" text-anchor="middle">屏幕</text>
|
|
<g transform="translate(342.0, 803.0) scale(0.9)"><path d="M12 2l1.1 4.4a8 8 0 013.5 2l4.1-1.6 2 3.5L18 13.5V14l2.7 3.7-2 3.5-4.1-1.6a8 8 0 01-3.5 2L12 22h-2l-1.1-4.4a8 8 0 01-3.5-2L3.3 17.2l-2-3.5L6 10.5v-1L3.3 5.8l2-3.5L9.4 3.8a8 8 0 013.5-2L10 2h2z" fill="none" stroke="#6B7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g>
|
|
<text x="351.0" y="834" fill="#6B7280" font-size="9" font-family="sans-serif" text-anchor="middle">设置</text>
|
|
</svg> |