鸿蒙分组列表（自绘示意）
鸿蒙设置与内容页的分组列表：按华为设计规范要点自绘示意，非官方素材。
分组列表
Grouped List
带组头的列表：组名小字压在每组上方，滚动时组头吸顶，A–Z 索引还能点字母跳。
全平台通用内容组织内容区组件
大白话说明
分组列表在基础列表之上加一层秩序：按类别、时间或字母把行分段，组头说明这一段是什么。长列表配吸顶组头（永远知道自己在哪组）和右侧字母索引（点字母直达），通讯录就是经典形态。
什么时候用
条目超过 30 条且有自然分组依据时——通讯录、城市选择、按日期归档的记录。
什么时候不用
条目不多（<15）或分组依据是硬凑的时别用，组头只会切碎阅读节奏。
细节与变体
- 组头背景与行背景要有区分（浅一档或加粗小字），但别用重色块
- 索引条热区要宽（至少 20px），字母本身可以只有 10px
- 空组不渲染组头，避免出现只有标题没有内容的尴尬段
配套提示词（点开填空、复制）
参考实现（开源）
- Ant Design（蚂蚁） ↗ MIT · 免费（MIT）
国内中后台的事实标准：表格、表单、列表都是行业参照物。
- MUI（Material UI） ↗ MIT · 免费（MIT，核心）
React 生态最老牌的 Material 组件库：组件全、文档厚、AI 生成命中率最高之一。