# 整页场景 · 发布记录

- 页面：`/showcase/demo/record` ｜ 场景文档：`/showcase/scene/record` ｜ 条目：`/r/scene--record.json`
- 本页由 8 个真实组件拼装（手写等价物不计入）

## 整页提示词

```
复现「发布记录」整页场景（/showcase/demo/record）：
- 页面级规则按 /design#pages 的对应小节执行，不在此复述
- 本页由这些真实组件拼成（手写等价物不算）：
- 玻璃头像（Avatar with fallback）：无图或 onError 回落首字母：中文取前两字，西文取首字母缩写，不重试加载｜/showcase/component/avatar/glass-apple
- 玻璃徽标（Status Badge）：胶囊只用文字色表达语义（neutral / accent / success / warning），底色始终中性｜/showcase/component/badge/glass-apple
- 玻璃面包屑（Breadcrumb）：nav aria-label + ol/li；分隔符 aria-hidden，当前位置 aria-current=page 且不可点｜/showcase/component/breadcrumb/glass-apple
- 玻璃描述列表（Description List）：原生 dl / dt / dd，读屏按标签—值成对播报｜/showcase/component/descriptions/glass-apple
- 玻璃抽屉（Side Sheet / Drawer）：role=dialog + aria-modal + 标题命名；打开移入首个可聚焦，Tab 首尾循环｜/showcase/component/drawer/glass-apple
- 玻璃菜单（Menu Button (APG)）：触发器 aria-haspopup=menu + aria-expanded + aria-controls；菜单 role=menu，项 role=menuitem｜/showcase/component/menu/glass-apple
- 玻璃浮层（Non-modal Popover）：触发器 aria-haspopup=dialog + aria-expanded + aria-controls；浮层 role=dialog 以标题命名｜/showcase/component/popover/glass-apple
- 玻璃提示（Tooltip (WCAG 1.4.13)）：悬停等 --dwell-tooltip（350ms）才出，键盘聚焦立即出；移出 / 失焦 / Esc 立即关｜/showcase/component/tooltip/glass-apple
- 骨架：视口高度固定，页头不滚，正文在容器内滚；分区页的页头与正文共用同一条内容列
```

## 本页用到的组件

- [玻璃头像](../components/avatar--glass-apple.md) — Avatar with fallback
- [玻璃徽标](../components/badge--glass-apple.md) — Status Badge
- [玻璃面包屑](../components/breadcrumb--glass-apple.md) — Breadcrumb
- [玻璃描述列表](../components/descriptions--glass-apple.md) — Description List
- [玻璃抽屉](../components/drawer--glass-apple.md) — Side Sheet / Drawer
- [玻璃菜单](../components/menu--glass-apple.md) — Menu Button (APG)
- [玻璃浮层](../components/popover--glass-apple.md) — Non-modal Popover
- [玻璃提示](../components/tooltip--glass-apple.md) — Tooltip (WCAG 1.4.13)

## 页面级规则

骨架、分区、滚动与列约束见 `/design#pages`——复述就会漂移，这里只指路。