跳转到内容

StatList 统计列表

侧栏里的一组名称和数值:文章数、字数、运行时间、最后更新。

放在侧栏的 SidebarCard 里。属于正文的数字写在正文里。

<SidebarCard title="Stats">
<StatList items={[{ label: "Posts", value: 5 }, { label: "Uptime", value: "--", id: "uptime" }]} />
</SidebarCard>

数字会加千位分隔符。项的 id 加在它的数值上,给要用脚本更新的数值用。

一栏:一行一项,行间是浅色细线,名称在左边用次要色,数值在右边用墨色。两栏或三栏:数值在上、名称在下,长的数值用 span 跨栏。

属性 取值
columns 1(默认)、2 或 3
tone cream(默认)或 dark

列表是 <dl>:名称是术语,数值是它的说明,读屏软件会成对地读。

StatList.astro。从交付包移植。

SidebarCard 侧栏卡片、MiniCalendar 迷你日历。