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

UI设计: 拖拽上传设计稿

Browse Source
This commit is contained in:
UI Designer 2026-03-10 08:55:54 +00:00
parent 6fac45bfc8
commit 0961e69a7f
1 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
ui-design/designs/drag-drop.drawio Normal file
View File

@ -0,0 +1,28 @@
<mxfile host="app.diagrams.net" modified="2026-03-10T08:54:00Z" agent="OpenClaw">
<diagram name="拖拽上传">
<mxGraphModel dx="600" dy="400" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="600" pageHeight="400">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<!-- 拖拽区域 -->
<mxCell id="dropzone" value="📂 拖拽文件到这里上传" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#e6f7ff;strokeColor=#1890ff;strokeWidth=2" vertex="1" parent="1">
<mxGeometry x="100" y="50" width="400" height="200" as="geometry"/>
</mxCell>
<!-- 提示文字 -->
<mxCell id="tip" value="支持拖拽或点击选择文件&#xa;支持批量上传" style="text;html=1;strokeColor=none;fillColor=none;align=center;fontColor=#8c8c8c" vertex="1" parent="1">
<mxGeometry x="150" y="130" width="300" height="40" as="geometry"/>
</mxCell>
<!-- 文件列表 -->
<mxCell id="file1" value="📄 document.pdf 2.5MB ⬆ 80%" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff;strokeColor=#d9d9d9" vertex="1" parent="1">
<mxGeometry x="100" y="280" width="400" height="40" as="geometry"/>
</mxCell>
<mxCell id="file2" value="📄 image.jpg 3.2MB ✅ 完成" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f6ffed;strokeColor=#b7eb8f" vertex="1" parent="1">
<mxGeometry x="100" y="330" width="400" height="40" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>