Expand description
后台布局组件(侧栏 + 内容区 + admin 路由骨架屏切换)。 后台布局:桌面应用式外壳。
左侧栏(surface-1)按「内容 · 站点 · 系统」分组,文章、素材、评论右侧显示数量, 当前项为浮起的行与陶土小方点;侧栏可收成 56px 图标栏,拖拽右缘调宽,松手按 heavy 弹簧吸附。主画布 surface-0,顶栏是面包屑与「查看前台」。767px 以下侧栏 收进左侧抽屉,顶栏为菜单、页面标题与搜索。样式见 styles/components/admin.css。
外壳在懒加载的父路由 /admin 里只构建一次(Leptos 组件体只运行一次),切换后台页面时
侧栏与顶栏保持同一批 DOM 节点;随路由变化的部分(激活栏目、面包屑、画布滚动方式)
跟随当前显示的页面(use_rendered_route),骨架屏按地址栏指向的目标页选择。
Structs§
- Admin
Actions - 后台页面共用的操作(如个人资料页的「退出登录」),由 AdminLayout 提供。
- Admin
Layout Props - Props for the
AdminLayoutcomponent. - Admin
Page 🔒Head Props - Props for the
AdminPageHeadcomponent. - Admin
Shell 🔒Props - Props for the
AdminShellcomponent. - Admin
Sidebar 🔒Props - Props for the
AdminSidebarcomponent. - Sidebar
Control 🔒 - 侧栏折叠状态与切换,由
AdminShell提供给侧栏头部的收起按钮。 - Sidebar
State 🔒 - 侧栏的宽度与折叠状态。
width是展开时的宽度,收起后保留,展开时恢复。
Enums§
- Admin
Page - 后台页面种类:由
/admin下的路径字符串分类,替代原先对Route枚举的匹配。 - Admin
Section 🔒 - 侧栏中的一个栏目。
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§
- Admin
Layout - 后台布局:校验登录态,提供侧栏/操作上下文,渲染外壳与嵌套路由出口。
- Admin
Page 🔒Head - 后台页面标题行:左侧 h1 与副标题,右侧可选操作区。样式见 admin.css
.admin-page-head。 - Admin
Shell 🔒 - 后台外壳:侧栏、顶栏与主画布。认证和路由留在
AdminLayout。 - Admin
Sidebar 🔒 - 后台侧栏:栏目导航、搜索入口、主题切换与用户区。
- admin_
crumbs 🔒 - 顶栏面包屑与手机顶栏标题。子页面以所属栏目为上一级(可点击),栏目页以分组名 为上一级。
- admin_
pending 🔒 - 懒加载子路由挂起期间,目标是否为需要后台骨架占位的后台页面。
- admin_
route_ 🔒skeleton - 根据当前后台页面,渲染对应的专属骨架屏。
- dragged_
width 🔒 - 拖拽中的显示宽度:跟手,下限是图标栏宽度。
- load_
sidebar 🔒 - nav_
count 🔒 - 侧栏数量文字:评论有待审时显示待审数(陶土强调),否则显示总数。
- save_
sidebar 🔒