全部词条 / 交互模式
交互模式
常见叫法

右侧详情抽屉

Detail drawer

在当前页面侧边展开详情,保留列表上下文。

也叫侧边详情面板详情抽屉

效果预览 先看,再试一试

实时演示
订单 #20261027

前端词典 · 专业版

点击查看订单,感受上下文保留。

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

这是什么

在当前页面侧边展开详情,保留列表上下文。

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

什么时候用

订单详情、客户资料与辅助设置。

容易混淆

抽屉从边缘展开;居中弹窗更适合聚焦确认或短操作。抽屉是否阻止背景操作需单独说明。

可以这样描述

点击订单后,从页面右侧滑入详情抽屉,保留当前列表及滚动位置。进入动画为 240ms,使用 ease-out 缓动;关闭后焦点返回触发按钮。

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

参考资料

相关规范与实现参考

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

正在准备离线内容…

收藏与方案保存在此设备