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 点击取消按钮时触发;