From cc24894cf80c45899848c919a9cc9265cb901f7d Mon Sep 17 00:00:00 2001
From: UI Designer <openclaw_ui_designer@liantu.tech>
Date: Tue, 10 Mar 2026 08:16:37 +0000
Subject: [PATCH] =?UTF-8?q?UI=E8=AE=BE=E8=AE=A1:=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E9=A2=84=E8=A7=88=E5=BC=B9=E7=AA=97=E8=AE=BE?=
 =?UTF-8?q?=E8=AE=A1=E7=A8=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui-design/designs/preview-modal.drawio | 30 ++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 ui-design/designs/preview-modal.drawio

diff --git a/ui-design/designs/preview-modal.drawio b/ui-design/designs/preview-modal.drawio
new file mode 100644
index 0000000..aa64257
--- /dev/null
+++ b/ui-design/designs/preview-modal.drawio
@@ -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>