文章目录

PostToc文章

宽屏在正文右侧吸顶，当前小节以圆点标示，底部显示已读百分比；窄屏收成底部「目录 · 当前小节 · 百分比」悬浮条，点开后浮起（手机为底部抽屉），选中小节后收起。演示目录只观察、滚动自己的正文。

从一片叶子开始

一片叶子，也记得来时的风。这段固定文章展示正文排版和图片，不连接任何服务。

让想法，像树一样生长。

let leaf = "Yggdrasil";
println!("{leaf}");

暖白纸面上的一轮陶土色圆

名称	类型	默认值	说明
`toc_html`	`String`	`由调用方提供`	文章目录的 toc_html 参数。
`title`	`&'static str`	`目录`	目录标题。
`nav_id / content_id / scroll_id`	`Option<&'static str>`	`None`	可选局部目录、正文与滚动容器作用域；正式文章使用默认值。

src/components/post/post_toc.rs

let toc = post.toc_html.clone();

view! {
    {toc.map(|toc| view! { <PostToc toc_html=toc title="\u6587\u7AE0\u76EE\u5F55"/> })}
}