From 4451bc4c2fe7b1d4ed6f9fa724a814fb07d3133e Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Mon, 30 Mar 2026 14:52:54 +0800
Subject: [PATCH] feat: add CustomLogo component with collapse support

---
 src/common/components/layout/CustomLogo.tsx | 27 +++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 src/common/components/layout/CustomLogo.tsx

diff --git a/src/common/components/layout/CustomLogo.tsx b/src/common/components/layout/CustomLogo.tsx
new file mode 100644
index 0000000..8fdac93
--- /dev/null
+++ b/src/common/components/layout/CustomLogo.tsx
@@ -0,0 +1,27 @@
+import React from 'react';
+import { MyIcons } from '@/common';
+
+interface CustomLogoProps {
+  collapsed: boolean;
+}
+
+export const CustomLogo: React.FC<CustomLogoProps> = ({ collapsed }) => {
+  return (
+    <div className="custom-logo">
+      <div className="logo-icon">
+        <MyIcons.HomeOutlined style={{ fontSize: '32px', color: '#1890ff' }} />
+      </div>
+      {!collapsed && (
+        <div className="logo-text">
+          物业管理系统
+        </div>
+      )}
+    </div>
+  );
+};
+
+// Styles will be defined in global.less:
+// .custom-logo { display: flex; align-items: center; height: 64px; ... }
+// .custom-logo .logo-icon { font-size: 32px; min-width: 32px; ... }
+// .custom-logo .logo-text { margin-left: 12px; font-size: 16px; ... }
+// .ant-layout-sider-collapsed .custom-logo .logo-text { display: none; }