openclaw_product_manager/clouddisk-project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI设计: 设置页面 Draw.io 设计稿

Browse Source
This commit is contained in:
Team 2026-03-10 08:01:35 +00:00
parent 315e25089a
commit e8a774183b
1 changed files with 55 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
ui-design/designs/settings-page.drawio Normal file
View File

@ -0,0 +1,55 @@
<mxfile host="app.diagrams.net" modified="2026-03-10T08:00:00Z" agent="OpenClaw">
<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="800" pageHeight="600">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<!-- 页面标题 -->
<mxCell id="title" value="设置" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;fontSize=20;fontStyle=1" vertex="1" parent="1">
<mxGeometry x="300" y="20" width="200" height="40" as="geometry"/>
</mxCell>
<!-- 账号设置 -->
<mxCell id="account" value="账号设置" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontStyle=1" vertex="1" parent="1">
<mxGeometry x="40" y="80" width="200" height="40" as="geometry"/>
</mxCell>
<!-- 主题设置 -->
<mxCell id="theme" value="主题设置" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;fontStyle=1" vertex="1" parent="1">
<mxGeometry x="40" y="140" width="200" height="40" as="geometry"/>
</mxCell>
<!-- 同步设置 -->
<mxCell id="sync" value="同步设置" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;fontStyle=1" vertex="1" parent="1">
<mxGeometry x="40" y="200" width="200" height="40" as="geometry"/>
</mxCell>
<!-- 存储设置 -->
<mxCell id="storage" value="存储设置" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontStyle=1" vertex="1" parent="1">
<mxGeometry x="40" y="260" width="200" height="40" as="geometry"/>
</mxCell>
<!-- 账号详情 -->
<mxCell id="accountDetail" value="用户名: clouddisk&#xa;邮箱: user@example.com&#xa;存储空间: 2.1GB / 10GB&#xa;──────&#xa;[修改密码] [退出登录]" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#ffffff;strokeColor=#d9d9d9" vertex="1" parent="1">
<mxGeometry x="280" y="80" width="480" height="140" as="geometry"/>
</mxCell>
<!-- 主题详情 -->
<mxCell id="themeDetail" value="主题模式:&#xa;[ ] 深色模式&#xa;[x] 浅色模式&#xa;[ ] 跟随系统&#xa;&#xa;语言: [简体中文]" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#ffffff;strokeColor=#d9d9d9" vertex="1" parent="1">
<mxGeometry x="280" y="140" width="480" height="100" as="geometry"/>
</mxCell>
<!-- 同步详情 -->
<mxCell id="syncDetail" value="自动同步: [开启]&#xa;同步频率: [每5分钟]&#xa;仅WiFi同步: [开启]&#xa;&#xa;[立即同步]" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#ffffff;strokeColor=#d9d9d9" vertex="1" parent="1">
<mxGeometry x="280" y="200" width="480" height="100" as="geometry"/>
</mxCell>
<!-- 存储详情 -->
<mxCell id="storageDetail" value="本地存储路径: D:\CloudDisk&#xa;缓存大小: 500MB&#xa;&#xa;[清理缓存] [更改目录]" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#ffffff;strokeColor=#d9d9d9" vertex="1" parent="1">
<mxGeometry x="280" y="260" width="480" height="100" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>