diff --git a/src/pages/ExportPage.scss b/src/pages/ExportPage.scss index f546c82..768810c 100644 --- a/src/pages/ExportPage.scss +++ b/src/pages/ExportPage.scss @@ -1044,11 +1044,59 @@ padding: 14px; border-bottom: 1px solid var(--border-color); - h4 { - margin: 0; - font-size: 15px; - font-weight: 600; - color: var(--text-primary); + .detail-header-main { + display: flex; + align-items: center; + gap: 10px; + min-width: 0; + } + + .detail-header-avatar { + width: 32px; + height: 32px; + border-radius: 8px; + background: linear-gradient(135deg, var(--primary), var(--primary-hover)); + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + flex-shrink: 0; + + img { + width: 100%; + height: 100%; + object-fit: cover; + } + + span { + color: #fff; + font-size: 13px; + font-weight: 600; + } + } + + .detail-header-meta { + min-width: 0; + + h4 { + margin: 0; + font-size: 14px; + font-weight: 600; + color: var(--text-primary); + line-height: 1.2; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + } + + .detail-header-id { + margin-top: 3px; + font-size: 11px; + color: var(--text-tertiary); + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .close-btn { diff --git a/src/pages/ExportPage.tsx b/src/pages/ExportPage.tsx index e783995..793185f 100644 --- a/src/pages/ExportPage.tsx +++ b/src/pages/ExportPage.tsx @@ -2721,7 +2721,19 @@ function ExportPage() { onClick={(event) => event.stopPropagation()} >
-

会话详情

+
+
+ {sessionDetail?.avatarUrl ? ( + + ) : ( + {getAvatarLetter(sessionDetail?.displayName || sessionDetail?.wxid || '')} + )} +
+
+

{sessionDetail?.displayName || '会话详情'}

+
{sessionDetail?.wxid || ''}
+
+