手册版本 V6.0
组件介绍
gui-action-sheet 组件类似 uni.showActionSheet，uni.showActionSheet 对操作项目有限制，可以使用 gui-action-sheet 组件更灵活实现底部操作列表功能。
组件名称
gui-action-sheet : GraceUI 组件目录/gui-action-sheet.vue
兼容平台
| H5 | APP | 小程序 | NVUE |
| ✔ | ✔ | ✔ | ✔ |
组件属性
| 属性名称 | 类型 | 默认值 | 作用 |
| width | Number | 680 | 核心菜单区域宽度 |
| height | Number | 500 | 选项列表滚动区域高度 |
| borderRadius | String | 10rpx | 核心菜单圆角尺寸 |
| zIndex | Number | 999 | 组件 z-index 值 |
| title | String | '' | 组件标题 |
| titleClass | Array | ['gui-color-gray'] | 组件标题样式 |
| items | Array | [] | 选择列表数据 |
| listClass | Array | ['gui-primary-text', 'gui-action-sheet-item'] | 选择列表项目样式 |
| cancelBtnName | String | 取消 | 取消按钮文本 |
| isCancelBtn | Boolean | true | 是否展示取消按钮 |
| canCloseByShade | Boolean | false | 点击遮罩层能否关闭组件 |
组件事件
@selected 选择项目后触发，携带数据 : 选中项目索引；
@open 打开组件时触发；
@close 关闭组件时触发；
@cancel 点击取消按钮时触发；
演示代码
UNI 普通版本
NVUE 版本
登录并购买 GraceUI 后可以查阅完整手册内容 。
