手册版本 V3.0
组件名称
graceActionSheet : /graceUI/组件目录/graceActionSheet
组件说明
功能类似 uni.showActionSheet， uni.showActionSheet 对操作项目有限制，可以使用 graceActionSheet 更灵活的实现底部操作列表功能。
组件属性
| 属性名称 | 类型 | 默认值 | 作用 |
| width | String | 720rpx | 核心菜单区域宽度 |
| height | String | 500rpx | 选项列表滚动区域高度 [ 2020.08.05 新增 ] |
| left | String | 15rpx | 核心菜单区域 left 值 ( 值 = （ 750 - width ) /2 ) |
| background | String | rgba(0, 0, 0, 0.3) | 遮罩层背景色 |
| borderRadius | String | 10rpx | 核心菜单圆角尺寸 |
| zIndex | Number | 99 | 组件 z-index 值 |
| title | String | '' | 组件标题 |
| titleColor | String | #323232 | 组件标题颜色 |
| items | Array | [] | 选择列表数据 |
| listColor | String | #3688FF | 选择列表本文颜色 |
| listLineHeight | String | 100rpx | 选择项目列表行高 |
| listFontSize | String | 30rpx | 选择项目列表文本大小 |
| cancelBtnName | String | 取消 | 取消按钮文本 |
| cancelBtnColor | String | #999999 | 取消按钮颜色 |
| isCancelBtn [ 20200616 新增 ] | Boolean | true | 是否展示取消按钮 |
| isSwitchPage [ 2020.09.21 新增 ] | Boolean | true | 页面是否为一个switchTab 页 ( true 代表不需要进行 iPhone 底部适配 ) |
组件事件
01. selected
选项选中时激活的事件，携带参数 : 选中项目的索引;
02. cancel
点击取消按钮时激活的事件
组件方法
01. show 组件展示方法
02. close 组件关闭方法
演示代码
UNI 普通版本
NVUE 版本
微信小程序独立版本
登录并购买 GraceUI 后可以查阅完整手册内容 。