SuperAPI AI 工具集

bottom-sheet

设计与创作

查看项目

更新于 10-16 01:36

技能介绍

用途:bottom-sheet 用于实现 App 界面中的底部面板微交互——面板从变暗的背景上方向上滑入,随后可被关闭,提供接近原生应用的组件反馈体验。它属于 motion-anything 技能集,并遵循 MOTION-SPEC.md 规范。

主要能力:提供底部面板的滑入与关闭动效,配合背景变暗效果;仅使用 transform 与 opacity 动画,属于 GPU 安全的实现方式;遵循 prefers-reduced-motion,在用户偏好减少动态时缩短或禁用动画。

适用场景:适合 App 组件(按钮、标签页、面板、提示条、表单控件)需要原生感反馈的场合。

限制与克制原则:不要用它拖慢高频操作,也不要为不改变状态的控件添加装饰性动效。

使用方式:资料未提供具体安装命令、代码示例或调用步骤,暂未提供。