iter(g311): 骨架文本行高对齐正文行盒

2026-10-27 00:41:42 +08:00
parent 0c5bf366f4
commit f794475623
5 changed files with 17 additions and 5 deletions
@@ -1,6 +1,6 @@
 # @ui-arch 组件库 Agent 文档（无图形版）

-> 自动生成于 2026-10-26T16:40:39.175Z，数据源：各包 ua.manifest.json，勿手改。人类版文档站：apps/docs/index.html。
+> 自动生成于 2026-10-26T16:41:28.122Z，数据源：各包 ua.manifest.json，勿手改。人类版文档站：apps/docs/index.html。
 > 组件 = 普通函数，传 props 返回 DOM；状态用 signal 双向绑定：读 signal() 写 signal(v)。

 ## 快速上手
@@ -578,6 +578,7 @@ skeleton({ variant: 'text', rows: 3 }); skeleton({ variant: 'circle' }); skeleto
 2. 文本段落用 variant: 'text' + rows 控制行数，头像用 'circle'，卡片/图片区域用 'rect'
 3. 占位块自带扫光动画，reduced-motion 用户自动静态化为纯灰块
 4. 组合布局：skeleton 是普通 DOM，可放进 card / row 等任意容器
+5. 行高按「正文字号 × 正文档行高」算，与真实文字行盒等高：表格 / 列表的加载态换成数据时不会整体窜一下（历史写死 12px，比正文矮约 8px，五行就差 40px）

 现场演示：apps/docs/demo.html#sec-skeleton