One UI

OneSkeleton

骨架块使用 --one-color-border 着色;animated 开启 one-skeleton-pulse 闪烁动画(默认开启)。

查看代码收起代码
import { OneSkeleton } from '@geektech/one';

new OneSkeleton({ rows: 3, title: true, avatar: true });

ARIA

容器使用 role="status" 与 aria-busy,并通过 ariaLabel 表达加载语义;内部占位块对读屏隐藏。

API

OneSkeleton 属性
名称签名说明
rowsrows?: number段落行数,默认 3。
titletitle?: boolean显示标题条,默认 true。
avataravatar?: boolean显示圆形头像占位。
animatedanimated?: boolean闪烁动画,默认 true。
widthswidths?: readonly string[]每行占位宽度,按序循环。
ariaLabelariaLabel?: string加载语义,默认“加载中”。