手册版本 V6.0
组件名称
gui-popup-menu : GraceUI 组件目录/gui-popup-menu.vue
兼容平台
| H5 | APP | 小程序 | NVUE |
| ✔ | ✔ | ✔ | ✔ |
平台差异
01. nvue 使用是需要动态计算菜单按钮的定位值，方法见演示代码；
02. nvue 平台请在页面最后放置弹出层元素或组件；
组件属性
| 属性名称 | 类型 | 默认值 | 作用 |
| menuWidth | String | 258rpx | 菜单宽度 |
| background | String | rgba(0,0,0, 0.7) | 遮罩层背景色( 非 nvue 平台有效 ) |
| zIndex | Number | 99 | 组件 z-index 值 ( 非 nvue 平台有效 ) |
| isArrow | Boolean | true | 是否展示箭头 ( 非 nvue 平台有效 ) |
| arrowDirection | String | right | 箭头位置 [ left - 左, center - 居中, right - 右 ] ( 非 nvue 平台有效 ) |
| arrowMargin | String | 0 15rpx | 箭头间距 ( 非 nvue 平台有效 ) |
| arrowColor | String | #FFFFFF | 箭头颜色 ( 非 nvue 平台有效 ) |
组件方法
01. open() 展示组件
02. close() 关闭组件
03. setTop(top) 设置组件 top 值，参数 top 值（nvue 平台使用）；
04. setRight(right) 设置组件 right 值，参数 right 值（nvue 平台使用）；
演示代码
UNI 普通版本
NVUE 版本
登录并购买 GraceUI 后可以查阅完整手册内容 。
