跳转到内容

前端与界面 · DEFINED TERM

Drawer 抽屉

从屏幕边缘滑出一个保持主页面上下文的辅助面板。

你可能会这样说“点击记录后从右侧查看详情,不离开列表。”

VISUAL EXAMPLE

先看懂它怎么工作

  1. 01触发打开
  2. 02面板入场
  3. 03保留背景上下文
  4. 04关闭返回

MECHANISM

运行机制

  1. 触发打开
  2. 面板入场
  3. 保留背景上下文
  4. 关闭返回

USE WHEN

适合这样用

详情预览、筛选和辅助编辑

NOT FOR

不要这样理解

移动端不要强行保留过窄侧栏

TELL YOUR AGENT

可直接发给 Agent

请按“Drawer 抽屉”的概念处理这个需求:点击记录后从右侧查看详情,不离开列表。。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

宽度稳定,标题与关闭入口固定,内容可独立滚动

OFFICIAL SOURCES

官方来源