交互设计规范之底部抽屉

  • 经验类型规范/资料
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
1711 0 4 2021-11-10
  • 底部抽屉
  • bottom alert

一.定义

从底部弹出的模态窗口,常用于信息展示或执行任务,使用户不离开页面有效聚焦于当前信息及任务。


二.用途

用于信息展示、执行任务

【交互说明】

1.标题区域固定高度不变,标题可带可不带,内容操作区域根据内容长短自适应调整高度;

2.设置弹窗最高值,当内容区域达到最高值时,支持上下滑动查看更多;设置弹窗最低值,当内容少于最低值时,底下留白显示;

3.按需要,可从当前模态窗口打开多层级页面,进入下级页面,需提供返回按钮,点击返回按钮返回上级页面;

4.收起方式:a.需提供关闭按钮,点击收起;b.支持下拉手势收起;c.支持点击蒙层区域收起。


三.场景示例


Powered by Froala Editor

全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票