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来辅助信息识别
动作面板, 面板, 弹出, 底部, 抽屉 |