diff --git a/frontend/src/views/desktop/CustomerManage.vue b/frontend/src/views/desktop/CustomerManage.vue index 517373d..b163b02 100644 --- a/frontend/src/views/desktop/CustomerManage.vue +++ b/frontend/src/views/desktop/CustomerManage.vue @@ -367,10 +367,10 @@ async function handleImport() {
- - 单位客户 - 个人用户 - +
+ + +
@@ -676,6 +676,12 @@ async function handleImport() { .cust-info-item { white-space: nowrap; } .cust-info-sep { color: var(--warm-border); margin: 0 6px; } .empty-tab { text-align: center; color: var(--c-text-muted); padding: 24px 0 12px; font-size: 13px; } +.type-tabs { display: inline-flex; border: 1px solid var(--warm-border); } +.type-tab { padding: 8px 22px; border: none; background: var(--surface); font-family: var(--font-heading); font-size: 14px; color: var(--warm-gray); cursor: pointer; transition: all 0.2s; letter-spacing: 0.04em; } +.type-tab:not(:last-child) { border-right: 1px solid var(--warm-border); } +.type-tab:hover { color: var(--ink); } +.type-tab--active { background: var(--ink); color: #fff; } +.type-tab--active:hover { color: #fff; } .cust-info-card { background: var(--c-bg-light, #faf9f6); border: 1px solid var(--warm-border); border-radius: 6px; padding: 14px 18px; margin-bottom: 4px; } .cust-info-name { font-family: var(--font-heading); font-size: 16px; color: var(--ink); letter-spacing: 0.04em; margin-bottom: 6px; }