diff --git a/src/pages/ExportPage.scss b/src/pages/ExportPage.scss
index 4bd15bf..28d4adc 100644
--- a/src/pages/ExportPage.scss
+++ b/src/pages/ExportPage.scss
@@ -1352,6 +1352,21 @@
justify-content: flex-end;
gap: 8px;
flex-shrink: 0;
+ position: sticky;
+ right: 0;
+ z-index: 8;
+ background: color-mix(in srgb, var(--bg-primary) 78%, var(--bg-secondary));
+
+ &::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: -18px;
+ width: 18px;
+ pointer-events: none;
+ background: linear-gradient(to right, transparent, color-mix(in srgb, var(--bg-primary) 82%, var(--bg-secondary)));
+ }
}
.contacts-list {
@@ -1801,11 +1816,28 @@
gap: 4px;
width: var(--contacts-action-col-width);
flex-shrink: 0;
+ position: sticky;
+ right: 0;
+ z-index: 6;
+ background: inherit;
+
+ &::before {
+ content: '';
+ position: absolute;
+ top: -12px;
+ bottom: -12px;
+ left: -18px;
+ width: 18px;
+ pointer-events: none;
+ background: linear-gradient(to right, transparent, color-mix(in srgb, var(--bg-primary) 84%, var(--bg-secondary)));
+ }
.row-action-main {
display: inline-flex;
align-items: flex-start;
gap: 6px;
+ position: relative;
+ z-index: 1;
&.single-line {
align-items: center;
diff --git a/src/pages/ExportPage.tsx b/src/pages/ExportPage.tsx
index 6d7f13e..e6a5183 100644
--- a/src/pages/ExportPage.tsx
+++ b/src/pages/ExportPage.tsx
@@ -4290,6 +4290,11 @@ function ExportPage() {
if (activeTab === 'group') return '群聊'
return '曾经的好友'
}, [activeTab])
+ const contactsHeaderMainLabel = useMemo(() => {
+ if (activeTab === 'group') return '群聊名称'
+ if (activeTab === 'private' || activeTab === 'former_friend') return '联系人'
+ return '联系人(头像/名称/微信号)'
+ }, [activeTab])
const shouldShowSnsColumn = useMemo(() => (
activeTab === 'private' || activeTab === 'former_friend'
), [activeTab])
@@ -5677,7 +5682,7 @@ function ExportPage() {
- 联系人(头像/名称/微信号)
+ {contactsHeaderMainLabel}
总消息数
表情包