全部词条 / 布局
布局
常见叫法

可折叠侧栏布局

Collapsible sidebar layout

用可收起的侧边导航组织后台功能,把更多空间留给主内容。

也叫侧边菜单后台框架

效果预览 先看,再试一试

实时演示
Workspace概览 项目 团队
工作台今天,星期二
总访问量12,480↗ 12.8%
活跃用户1,286↗ 8.2%
完成任务86↗ 16%
最近项目 状态
官网改版进行中
订单管理系统已完成
数据可视化进行中
官网改版已完成
订单管理系统进行中
数据可视化已完成
官网改版进行中
订单管理系统已完成
数据可视化进行中
官网改版已完成
订单管理系统进行中
数据可视化已完成

展开时的目标宽度

演示用于理解模式。具体样式和尺寸可按项目需要调整。

这是什么

用可收起的侧边导航组织后台功能,把更多空间留给主内容。

本页示例以后台场景说明这一效果。实际需求应同时说清作用对象、触发方式与结束状态。

什么时候用

多模块后台、长列表管理、需要保持导航可见的工作台。

容易混淆

与顶部导航布局相比,侧栏适合更多层级;收起侧栏不应丢失当前选中位置。

可以这样描述

采用可折叠侧栏,顶部导航固定,主内容区域独立滚动。侧栏宽度为 240px,默认展开。

随上方参数同步生成 · 可加入方案后编辑

参考资料

相关规范与实现参考

释义为编辑整理;“常用说法 / 描述性命名”不代表标准规范名称。

正在准备离线内容…

收藏与方案保存在此设备