Skip to main content

Module admin_layout

Module admin_layout 

Source
Expand description

后台布局组件(侧栏 + 内容区 + admin 路由骨架屏切换)。 后台布局:桌面应用式外壳。

左侧栏(surface-1)按「内容 · 站点 · 系统」分组,文章、素材、评论右侧显示数量, 当前项为浮起的行与陶土小方点;侧栏可收成 56px 图标栏,拖拽右缘调宽,松手按 heavy 弹簧吸附。主画布 surface-0,顶栏是面包屑与「查看前台」。767px 以下侧栏 收进左侧抽屉,顶栏为菜单、页面标题与搜索。样式见 styles/components/admin.css。

外壳在懒加载的父路由 /admin 里只构建一次(Leptos 组件体只运行一次),切换后台页面时 侧栏与顶栏保持同一批 DOM 节点;随路由变化的部分(激活栏目、面包屑、画布滚动方式) 跟随当前显示的页面(use_rendered_route),骨架屏按地址栏指向的目标页选择。

Structs§

AdminActions
后台页面共用的操作(如个人资料页的「退出登录」),由 AdminLayout 提供。
AdminLayoutProps
Props for the AdminLayout component.
AdminPageHeadProps 🔒
Props for the AdminPageHead component.
AdminShellProps 🔒
Props for the AdminShell component.
AdminSidebarProps 🔒
Props for the AdminSidebar component.
SidebarControl 🔒
侧栏折叠状态与切换,由 AdminShell 提供给侧栏头部的收起按钮。
SidebarState 🔒
侧栏的宽度与折叠状态。width 是展开时的宽度,收起后保留,展开时恢复。

Enums§

AdminPage
后台页面种类:由 /admin 下的路径字符串分类,替代原先对 Route 枚举的匹配。
AdminSection 🔒
侧栏中的一个栏目。

Constants§

DRAG_DEAD_ZONE 🔒
拖拽死区:移动不到 4px 算点按。
NAV_GROUPS 🔒
侧栏分组:分组名与其中的栏目。
SIDEBAR_COLLAPSED_KEY 🔒
SIDEBAR_COLLAPSE_AT 🔒
拖到这个宽度以下松手收成图标栏。
SIDEBAR_DEFAULT 🔒
侧栏默认宽度与可调范围(px)。
SIDEBAR_KEY_STEP 🔒
方向键每次调整的宽度。
SIDEBAR_MAX 🔒
SIDEBAR_MIN 🔒
SIDEBAR_PRELOAD_SCRIPT 🔒
首屏恢复侧栏宽度与折叠状态,避免 WASM 接管前侧栏跳一下。外壳挂载后改由 根元素的 data-sidebar 与 --admin-sidebar-w 决定。
SIDEBAR_RAIL 🔒
图标栏宽度,与 admin.css 的 --admin-rail 一致。
SIDEBAR_WIDTH_KEY 🔒

Functions§

AdminLayout
后台布局:校验登录态,提供侧栏/操作上下文,渲染外壳与嵌套路由出口。
AdminPageHead 🔒
后台页面标题行:左侧 h1 与副标题,右侧可选操作区。样式见 admin.css .admin-page-head。
AdminShell 🔒
后台外壳:侧栏、顶栏与主画布。认证和路由留在 AdminLayout。
AdminSidebar 🔒
后台侧栏:栏目导航、搜索入口、主题切换与用户区。
admin_crumbs 🔒
顶栏面包屑与手机顶栏标题。子页面以所属栏目为上一级(可点击),栏目页以分组名 为上一级。
admin_pending 🔒
懒加载子路由挂起期间,目标是否为需要后台骨架占位的后台页面。
admin_route_skeleton 🔒
根据当前后台页面,渲染对应的专属骨架屏。
dragged_width 🔒
拖拽中的显示宽度:跟手,下限是图标栏宽度。
load_sidebar 🔒
nav_count 🔒
侧栏数量文字:评论有待审时显示待审数(陶土强调),否则显示总数。
save_sidebar 🔒