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

2026-10-27 00:41:42 +08:00
parent 0c5bf366f4
commit f794475623
5 changed files with 17 additions and 5 deletions
@@ -1107,7 +1107,8 @@
          "数据加载期间用 skeleton 顶替真实内容，加载完成后整体替换",
          "文本段落用 variant: 'text' + rows 控制行数，头像用 'circle'，卡片/图片区域用 'rect'",
          "占位块自带扫光动画，reduced-motion 用户自动静态化为纯灰块",
-          "组合布局：skeleton 是普通 DOM，可放进 card / row 等任意容器"
+          "组合布局：skeleton 是普通 DOM，可放进 card / row 等任意容器",
+          "行高按「正文字号 × 正文档行高」算，与真实文字行盒等高：表格 / 列表的加载态换成数据时不会整体窜一下（历史写死 12px，比正文矮约 8px，五行就差 40px）"
        ]
      },
      {
@@ -1499,7 +1499,7 @@ button.ua-step-dot:hover {
  }
 }
 .ua-skeleton-text {
-  height: 12px;
+  height: calc(var(--ua-font-size-md) * var(--ua-leading-normal)); /* 与真实正文行盒同高：原先写死 12px，比正文矮约 8px，表格加载完会整体窜一下 */
  margin-bottom: var(--ua-space-2);
 }
 .ua-skeleton-text.ua-last {