From 88a31d5a960bd10f3799bc00f8aa24461567d06e Mon Sep 17 00:00:00 2001
From: shimai <shimai@example.com>
Date: Tue, 07 Apr 2026 15:23:43 +0800
Subject: [PATCH] Merge branch 'test/tony.cheng/260312' of http://120.79.193.119:9090/r/~chengmw/cloud-melody-front into test/shimai.huang/260309
---
web-app/src/components/common/AppHeader.css | 131 +++++++++++++++++++++++++++++++++++++++++++
1 files changed, 131 insertions(+), 0 deletions(-)
diff --git a/web-app/src/components/common/AppHeader.css b/web-app/src/components/common/AppHeader.css
new file mode 100644
index 0000000..ad94494
--- /dev/null
+++ b/web-app/src/components/common/AppHeader.css
@@ -0,0 +1,131 @@
+/**
+ * AppHeader 组件样式
+ * 蓝色顶部导航栏
+ */
+
+.app-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ background: linear-gradient(135deg, #1a6fb8, #0d4a8a);
+ color: white;
+ padding: 10px 24px;
+ height: 50px;
+ flex-shrink: 0;
+}
+
+/* 左侧区域 */
+.header-left {
+ display: flex;
+ align-items: center;
+}
+
+.header-title {
+ font-size: 1.1rem;
+ font-weight: 600;
+ letter-spacing: 1px;
+}
+
+/* 右侧区域 */
+.header-right {
+ display: flex;
+ align-items: center;
+ gap: 20px;
+}
+
+/* 通知图标区域 */
+.header-notification {
+ cursor: pointer;
+ padding: 6px;
+ border-radius: 50%;
+ transition: background 0.2s;
+}
+
+.header-notification:hover {
+ background: rgba(255, 255, 255, 0.15);
+}
+
+.header-bell-icon {
+ font-size: 1.2rem;
+ color: white;
+}
+
+/* 调解员信息区域 */
+.header-mediator {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+}
+
+.mediator-avatar {
+ width: 32px;
+ height: 32px;
+ border: 2px solid rgba(255, 255, 255, 0.3);
+}
+
+.mediator-details {
+ display: flex;
+ flex-direction: column;
+ line-height: 1.3;
+}
+
+.mediator-name {
+ font-size: 0.9rem;
+ font-weight: 600;
+}
+
+.mediator-role {
+ font-size: 0.75rem;
+ opacity: 0.85;
+}
+
+.mediator-status-dot {
+ width: 8px;
+ height: 8px;
+ background: #52c41a;
+ border-radius: 50%;
+ margin-left: 4px;
+}
+
+/* 通知列表弹窗 */
+.notification-popover .ant-popover-inner {
+ max-width: 320px;
+}
+
+.notification-list {
+ max-height: 300px;
+ overflow-y: auto;
+}
+
+.notification-item {
+ padding: 8px 0;
+ border-bottom: 1px solid #f0f0f0;
+}
+
+.notification-item:last-child {
+ border-bottom: none;
+}
+
+.notification-content {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+}
+
+.notification-text {
+ font-size: 0.85rem;
+ color: #333;
+ line-height: 1.4;
+}
+
+.notification-time {
+ font-size: 0.75rem;
+ color: #999;
+}
+
+.notification-empty {
+ padding: 20px;
+ text-align: center;
+ color: #999;
+ font-size: 0.85rem;
+}
--
Gitblit v1.8.0