Skip to main content

Module notes_route_skeleton

Module notes_route_skeleton 

Source
Expand description

前台笔记列表 / 笔记本 / 单篇笔记骨架屏与路由级占位组件。 前台笔记骨架屏:列表 / 笔记本 / 单篇阅读三种版式,以及路由切换时的整页占位。

原先与 pages/notes.rs 同处一文件;FrontendLayout 的路由级 fallback 要按路径选择 骨架屏,而页面本身是懒加载分包,因此占位组件放在主包的 skeletons 层, 笔记页的 Suspense fallback 同样从这里引用,保证两处视觉一致。

Structs§

NoteReaderSkeletonProps
Props for the NoteReaderSkeleton component.
NotebookSkeletonProps
Props for the NotebookSkeleton component.
NotesPageSkeletonProps
Props for the NotesPageSkeleton component.
NotesRouteSkeletonProps
Props for the NotesRouteSkeleton component.
NotesStreamSkeletonProps
Props for the NotesStreamSkeleton component.

Enums§

NotesLayout 🔒
前台笔记路径的三种版式。

Functions§

NoteReaderSkeleton
阅读页占位:左栏目录与正文。
NotebookSkeleton
笔记本页占位:标题、简介、开始阅读按钮与条目列表。
NotesPageSkeleton
列表页整页占位:页头、左栏与笔记流,与真实布局对齐。
NotesRouteSkeleton
路由切换时的整页占位:按目标路径选择(path 为 pathname,可带查询串)。
NotesStreamSkeleton
笔记流占位:日期标签、两条随记与一块卡片。
notes_layout 🔒
按路径区分版式;忽略查询串、片段与结尾的 /。 与路由表一致:/notes/book/:id 恰好两段才是笔记本,其余单段 /notes/<x> 都是笔记 (含 slug 恰为 book 的笔记)。