ActionSheet 动作面板

由用户操作后触发的一种特定的模态弹出框 ,呈现一组与当前情境相关的两个或多个选项。

构成

1: 按钮

可选,单个按钮,一般为结束弹窗和提交内容的按钮属性

2: item

必有,文案不超过1行,建议不超过8个

3: 说明文案

可选,文案不超过2行,居中展示

Here is the description copy

Button

Button

Cancel

3

1

2

变体/类型

主体:

无描述文案

Button

Button

Button

Cancel

有描述文案

Button

Button

Button

Cancel

无按钮无描述文案

Button

Button

Button

item:

默认

Button

选中

Button

禁用

Button

删除

Delete

按下

Button

使用场景

Button

Button

Button

Button

Cancel

交互

出现

操作功能后从底部弹出

触发后点击

点击对应item触发相应操作

消失

一般为手动点击消失:点击蒙层,弹窗从底部滑出消失;点击按钮,提交信息或关闭或取消等关闭面板的操作,从底部滑出消失

用法

BTC

PEPE

SOL

USDT

MX

ETH

USDC

Cancel

正确

BTC

PEPE

SOL

USDT

MX

ETH

USDC

Cancel

错误

动作面板中不建议提供太多操作项,若过多项在小屏手机中导致需纵向滚动,体验将会受损

BTC

USDT

ETH

SEO

MX

Cancel

正确

BTC

USDT

ETH

SEO

MX

Cancel

错误

动作面板中的item不建使用icon来辅助信息识别




动作面板, 面板, 弹出, 底部, 抽屉

DESIGN

中文