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:16:37 +00:00
parent e8a774183b
commit cc24894cf8
1 changed files with 30 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
ui-design/designs/preview-modal.drawio Normal file
View File

@ -0,0 +1,30 @@
<mxfile host="app.diagrams.net" modified="2026-03-10T08:15: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="header" value="photo.jpg" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#1890ff;strokeColor=#096d9;fontColor=#ffffff" vertex="1" parent="1">
<mxGeometry x="100" y="50" width="600" height="40" as="geometry"/>
</mxCell>
<!-- 关闭按钮 -->
<mxCell id="close" value="X" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ff4d4f;fontColor=#ffffff" vertex="1" parent="1">
<mxGeometry x="660" y="50" width="40" height="40" as="geometry"/>
</mxCell>
<!-- 预览区 -->
<mxCell id="preview" value="🖼 [图片预览]" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=#d9d9d9" vertex="1" parent="1">
<mxGeometry x="100" y="90" width="600" height="400" as="geometry"/>
</mxCell>
<!-- 底部工具栏 -->
<mxCell id="toolbar" value="[下载] [分享] [删除] 第 1/1 张" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fafafa;strokeColor=#d9d9d9" vertex="1" parent="1">
<mxGeometry x="100" y="490" width="600" height="40" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>