UI设计: 移动端首页设计稿

This commit is contained in:
UI Designer 2026-03-10 08:46:19 +00:00
parent e590f9c043
commit 4ccad813d9

View File

@ -0,0 +1,52 @@
<mxfile host="app.diagrams.net" modified="2026-03-10T08:45:00Z" agent="OpenClaw">
<diagram name="移动端首页">
<mxGraphModel dx="400" dy="600" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="400" pageHeight="700">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<!-- 状态栏 -->
<mxCell id="status" value="🔋 100% 12:00" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f5f5f5;fontSize=10" vertex="1" parent="1">
<mxGeometry x="0" y="0" width="400" height="20" as="geometry"/>
</mxCell>
<!-- 顶部 -->
<mxCell id="top" value="CloudDisk" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#1890ff;fontColor=#fff;fontSize=16" vertex="1" parent="1">
<mxGeometry x="0" y="20" width="400" height="50" as="geometry"/>
</mxCell>
<!-- 搜索 -->
<mxCell id="search" value="🔍 搜索..." style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff;strokeColor=#d9d9d9" vertex="1" parent="1">
<mxGeometry x="20" y="80" width="360" height="35" as="geometry"/>
</mxCell>
<!-- 功能区 -->
<mxCell id="grid1" value="📁&#xa;我的文件" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff;strokeColor=#d9d9d9" vertex="1" parent="1">
<mxGeometry x="20" y="130" width="110" height="80" as="geometry"/>
</mxCell>
<mxCell id="grid2" value="🕐&#xa;最近" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff;strokeColor=#d9d9d9" vertex="1" parent="1">
<mxGeometry x="145" y="130" width="110" height="80" as="geometry"/>
</mxCell>
<mxCell id="grid3" value="🔗&#xa;共享" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff;strokeColor=#d9d9d9" vertex="1" parent="1">
<mxGeometry x="270" y="130" width="110" height="80" as="geometry"/>
</mxCell>
<!-- 文件列表 -->
<mxCell id="file1" value="📁 Project文件夹" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff7e6;strokeColor=#ffd591" vertex="1" parent="1">
<mxGeometry x="20" y="230" width="360" height="50" as="geometry"/>
</mxCell>
<mxCell id="file2" value="📄 report.pdf" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff;strokeColor=#d9d9d9" vertex="1" parent="1">
<mxGeometry x="20" y="290" width="360" height="50" as="geometry"/>
</mxCell>
<mxCell id="file3" value="🖼 photo.jpg" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff;strokeColor=#d9d9d9" vertex="1" parent="1">
<mxGeometry x="20" y="350" width="360" height="50" as="geometry"/>
</mxCell>
<!-- 底部导航 -->
<mxCell id="bottom" value="🏠 文件 📤 上传 👤 我的" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fff;strokeColor=#d9d9d9" vertex="1" parent="1">
<mxGeometry x="0" y="650" width="400" height="50" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>