交互模式
常见叫法右侧详情抽屉
Detail drawer
在当前页面侧边展开详情,保留列表上下文。
也叫侧边详情面板详情抽屉
效果预览 先看,再试一试
订单 #20261027
前端词典 · 专业版
点击查看订单,感受上下文保留。
演示用于理解模式。具体样式和尺寸可按项目需要调整。
这是什么
在当前页面侧边展开详情,保留列表上下文。
本页示例以后台场景说明这一效果。实际需求应同时说清作用对象、触发方式与结束状态。
什么时候用
订单详情、客户资料与辅助设置。
容易混淆
抽屉从边缘展开;居中弹窗更适合聚焦确认或短操作。抽屉是否阻止背景操作需单独说明。
可以这样描述
点击订单后,从页面右侧滑入详情抽屉,保留当前列表及滚动位置。进入动画为 240ms,使用 ease-out 缓动;关闭后焦点返回触发按钮。
随上方参数同步生成 · 可加入方案后编辑
参考资料
相关规范与实现参考释义为编辑整理;“常用说法 / 描述性命名”不代表标准规范名称。