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值,请参考演示代码