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
36 lines
3.9 KiB
XML
36 lines
3.9 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>
|
|
<g transform="translate(19.0, 55.0) scale(0.9)"><path d="M16 4L8 12l8 8" fill="none" stroke="#9CA3AF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g>
|
|
<text x="52" y="70" fill="#F9FAFB" font-size="17" font-family="sans-serif" >通知</text>
|
|
<rect x="0" y="86" width="390" height="1" fill="#374151"/>
|
|
<text x="24" y="128" fill="#F9FAFB" font-size="14" font-family="sans-serif" >通知转发</text>
|
|
<rect x="318.0" y="110.0" width="40" height="20" rx="10.0" fill="#5B8CFF"/><circle cx="348" cy="120" r="8" fill="#fff"/>
|
|
<rect x="0" y="160" width="390" height="1" fill="#374151"/>
|
|
<text x="24" y="180" fill="#6B7280" font-size="11" font-family="sans-serif" >微信</text>
|
|
<text x="32" y="208" fill="#F9FAFB" font-size="13" font-family="sans-serif" >收到了一条消息</text>
|
|
<text x="366" y="208" fill="#6B7280" font-size="11" font-family="sans-serif" text-anchor="end">刚刚</text>
|
|
<rect x="0" y="228" width="390" height="1" fill="#374151"/>
|
|
<text x="24" y="248" fill="#6B7280" font-size="11" font-family="sans-serif" >Slack</text>
|
|
<text x="32" y="276" fill="#F9FAFB" font-size="13" font-family="sans-serif" >#general: 新消息</text>
|
|
<text x="366" y="276" fill="#6B7280" font-size="11" font-family="sans-serif" text-anchor="end">2分钟前</text>
|
|
<rect x="0" y="296" width="390" height="1" fill="#374151"/>
|
|
<text x="24" y="316" fill="#6B7280" font-size="11" font-family="sans-serif" >系统</text>
|
|
<text x="32" y="344" fill="#F9FAFB" font-size="13" font-family="sans-serif" >电池电量低</text>
|
|
<text x="366" y="344" fill="#6B7280" font-size="11" font-family="sans-serif" text-anchor="end">10分钟前</text>
|
|
<rect x="0" y="796" width="390" height="48" fill="#111827"/>
|
|
<rect x="312.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="#6B7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g>
|
|
<text x="39.0" y="834" fill="#6B7280" 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="#5B8CFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g>
|
|
<text x="351.0" y="834" fill="#5B8CFF" font-size="9" font-family="sans-serif" text-anchor="middle">设置</text>
|
|
</svg> |