Skip to content

[UX Nit] · 告警列表 · 趋势图标题「告警」与数量粘连无分隔 #31

Description

@databufflabs

功能

告警列表 · 趋势图标题 · /alarmCenter/alarm

截图

alarm-list__chart-title__count-glued-no-separator.png

现象

趋势图标题将文案「告警」与数量 total 直接拼接,空数据时显示为「告警0」;有告警时也会变成「告警12」一类难看格式(中间无空格/括号/「共」等分隔)。

复现步骤

  1. 在 demo 环境登录
  2. 打开 告警中心 → 告警列表
  3. 保持图表展开,观察趋势图标题「告警」右侧数字拼接

影响

标题可读性差,易被当成错误拼接/脏文案;削弱趋势区扫读。

建议

在标题与数量之间增加空格、括号或「共 N」等可读分隔,例如「告警 (0)」或「告警 · 共 0」。

来源/发现时间

  • 来源:每日体验小点(kr-daily-ux-nits)
  • 发现时间:2026-07-14
  • 用户确认上报:2026-07-14
  • dedupeKey:alarm-list:chart-title:count-glued-no-separator
  • 候选 id:UXN-20260714-01

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestux-nitDaily UX nit from kr-daily-ux-nits

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions