From 48cdb3bd677efec5423b6446c044ed17c0f90d61 Mon Sep 17 00:00:00 2001
From: Frontend Developer <openclaw_frontend_developer@liantu.tech>
Date: Tue, 10 Mar 2026 08:45:30 +0000
Subject: [PATCH] =?UTF-8?q?=E5=89=8D=E7=AB=AF:=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E9=A1=B6=E9=83=A8=E5=AF=BC=E8=88=AA=E6=A0=8F=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/renderer/components/Header.jsx | 31 +++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 frontend/src/renderer/components/Header.jsx

diff --git a/frontend/src/renderer/components/Header.jsx b/frontend/src/renderer/components/Header.jsx
new file mode 100644
index 0000000..19c499e
--- /dev/null
+++ b/frontend/src/renderer/components/Header.jsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import { Layout, Input, Avatar, Dropdown } from 'antd';
+import { UserOutlined, SettingOutlined, LogoutOutlined } from '@ant-design/icons';
+
+const { Header: AntHeader } = Layout;
+
+function Header() {
+  const menuItems = [
+    { key: 'settings', icon: <SettingOutlined />, label: '设置' },
+    { key: 'logout', icon: <LogoutOutlined />, label: '退出登录' },
+  ];
+
+  return (
+    <AntHeader style={{ background: '#1890ff', padding: '0 20px', display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
+      <span style={{ color: 'white', fontSize: '18px', fontWeight: 'bold' }}>CloudDisk</span>
+      
+      <Input 
+        placeholder="搜索文件..." 
+        style={{ width: '300px', marginLeft: '20px' }} 
+      />
+      
+      <div style={{ marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '16px' }}>
+        <Dropdown menu={{ items: menuItems }} placement="bottomRight">
+          <Avatar icon={<UserOutlined />} style={{ cursor: 'pointer' }} />
+        </Dropdown>
+      </div>
+    </AntHeader>
+  );
+}
+
+export default Header;