clouddisk-project/ui-design/designs/login-page.drawio
Team e8733a1de2 添加 Draw.io 图表:
- UI设计稿: login-page.drawio
- 系统架构图: system-overview.drawio
- 业务流程图: business-flow.drawio
2026-03-10 07:13:49 +00:00

35 lines
2.1 KiB
Plaintext

<mxfile host="app.diagrams.net" modified="2026-03-10T07:00:00Z" agent="OpenClaw" version="21.0.0">
<diagram name="登录页设计">
<mxGraphModel dx="800" dy="600" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="600" pageHeight="500" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<!-- Logo区域 -->
<mxCell id="logo" value="CloudDisk" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=24;fontStyle=1" vertex="1" parent="1">
<mxGeometry x="200" y="40" width="200" height="40" as="geometry" />
</mxCell>
<!-- 用户名输入框 -->
<mxCell id="username" value="用户名" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=#d9d9d9" vertex="1" parent="1">
<mxGeometry x="150" y="120" width="300" height="40" as="geometry" />
</mxCell>
<!-- 密码输入框 -->
<mxCell id="password" value="密码" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=#d9d9d9" vertex="1" parent="1">
<mxGeometry x="150" y="180" width="300" height="40" as="geometry" />
</mxCell>
<!-- 记住密码复选框 -->
<mxCell id="remember" value="记住密码" style="rounded=0;whiteSpace=wrap;html=1" vertex="1" parent="1">
<mxGeometry x="150" y="240" width="100" height="20" as="geometry" />
</mxCell>
<!-- 登录按钮 -->
<mxCell id="loginBtn" value="登录" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#1890ff;strokeColor=#096dd9;fontColor=#ffffff" vertex="1" parent="1">
<mxGeometry x="150" y="290" width="140" height="40" as="geometry" />
</mxCell>
<!-- 注册按钮 -->
<mxCell id="registerBtn" value="注册" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#ffffff;strokeColor=#1890ff;fontColor=#1890ff" vertex="1" parent="1">
<mxGeometry x="310" y="290" width="140" height="40" as="geometry" />
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>