手册版本 V3.0
组件名称
gracePopupMenu : /graceUI/组件目录/gracePopupMenu
组件属性
| 属性名称 | 类型 | 默认值 | 作用 |
| show | 布尔 | false | 是否展示组件 |
| top | 数值 | 0 | 组件top值 (weex 版本需要) |
| background | 字符串 | rgba(0,0,0, 0.3) | 遮罩层背景 |
| bgColor | 字符串 | #FFFFFF | 菜单背景颜色 |
| menuWidth | 字符串 | 258rpx | 菜单宽度 |
| borderRadius | 字符串 | 0rpx | 菜单圆角尺寸 |
| zIndex | 数值 | 3 | 组件 z-index 值 |
| isArrow | Boolean | true | 是否显示箭头[ nvue 暂不支持 ] |
| arrowDirection | String | right | 箭头位置 [ left - 左, center - 居中, right - 右 ] |
| arrowMargin | String | 0 12rpx | 箭头左右间距 |
组件方法
01. open() 打开菜单;
02. hide() 关闭菜单;
组件事件
hideMenu : 用户点击遮罩层时触发，可以用于实现点击遮罩层关闭菜单功能;
注意事项
1、gracePopupMenu 组件外层元素定位必须为 position:relative;
2、weex 版本需要动态计算top值，请参考演示代码
演示代码
UNI 普通版本
NVUE 版本
微信小程序独立版本
登录并购买 GraceUI 后可以查阅完整手册内容 。