---
title: ActionSheet 动作面板
description: 由用户操作后触发的一种特定的模态弹出框 ，呈现一组与当前情境相关的两个或多个选项。
spline: base
isComponent: true
toc: false
---

### 列表型

列表选项为左右两端的列表；
选项为纯文字；
对于警示操作（如不可逆的破坏性操作），建议将更改操作放在最后并用红色标识。
列表型根据选择项内容的差异，可以有以下不同的样式

{{ list }}

### 宫格型

面板左右贯通，根据操作数量使用 3 列或 4 列的宫格结构，尽量使菜单内容饱满。
菜单选项使用图标加文字的形式呈现。
菜单项的数量超过 8 个时，可作翻页处理。

{{ grid }}

### 宫格型-多页

{{ grid-multiple }}
