gui-popup 组件可以实现在页面的中间、顶部、底部、左侧、右侧以动画形式展示一个弹层。
gui-popup : GraceUI 组件目录/gui-popup.vue
H5 | APP | 小程序 | NVUE |
✔ | ✔ | ✔ | ✔ |
属性名称 | 类型 | 默认值 | 作用 |
width | String | 580rpx | 核心区域宽度( 居中、左、右有效 ) |
bgColor | String | rgba(0, 0, 0, 0.7) | 遮罩层背景颜色 |
position | String | center | 核心区域位置,center:居中、top:顶部、 bottom:底部、left:左侧、right:右侧 |
canCloseByShade | Boolean | true | 点击遮罩层是否关闭组件 |
zIndex | Number | 999 | 组件 z-index 值 |
top | Number | 0 | 组件 top 值,单位 px |
duration | Number | 280 | 组件动画时长 |
01. open : 展示组件;
02. close : 关闭组件;
01. @open : 组件展示时触发;
02. @close : 组件关闭时触发;