手册版本 V5.0
组件介绍
gui-action-sheet 组件类似 uni.showActionSheet，uni.showActionSheet 对操作项目有限制，可以使用 gui-action-sheet 组件更灵活实现底部操作列表功能。
组件名称
gui-action-sheet : /graceUI/组件目录/gui-action-sheet
兼容平台
| H5 | APP | 小程序 | NVUE |
| ✔ | ✔ | ✔ | ✔ |
组件属性
| 属性名称 | 类型 | 默认值 | 作用 |
| width | Number | 680 | 核心菜单区域宽度 |
| height | Number | 500 | 选项列表滚动区域高度 |
| borderRadius | String | 10rpx | 核心菜单圆角尺寸 |
| zIndex | Number | 99 | 组件 z-index 值 |
| title | String | '' | 组件标题 |
| titleColor | String | #2B2E3D | 组件标题颜色 |
| items | Array | [] | 选择列表数据 |
| listColor | String | #008AFF | 选择列表本文颜色 |
| listLineHeight | String | 95rpx | 选择项目列表行高 |
| listFontSize | String | 28rpx | 选择项目列表文本大小 |
| cancelBtnName | String | 取消 | 取消按钮文本 |
| cancelBtnColor | String | #rgba(69, 90, 100, 0.6) | 取消按钮颜色 |
| isCancelBtn | Boolean | true | 是否展示取消按钮 |
| canCloseByShade | Boolean | false | 点击遮罩层能否关闭组件 |
演示代码
UNI 普通版本
NVUE 版本
登录并购买 GraceUI 后可以查阅完整手册内容 。