手册版本 V6.0
组件名称
gui-modal : GraceUI 组件目录/gui-modal.vue
兼容平台
| H5 | APP | 小程序 | NVUE |
| ✔ | ✔ | ✔ | ✔ |
组件属性
| 属性名称 | 类型 | 默认值 | 作用 |
| width | String | 580rpx | 组件宽度 |
| isCloseBtn | Boolean | true | 是否展示关闭按钮 |
| closeBtnStyle | String | color:#2B2E3D; font-size:28rpx; | 关闭按钮样式 |
| title | String | '' | 标题文本 |
| titleStyle | String | line-height:100rpx; font-size:28rpx; font-weight:700; | 标题样式 |
| canCloseByShade | Boolean | true | 点击遮罩层能否关闭组件 |
| zIndex | Number | 99 | 弹出层 z-index 值 |
| customClass | Array | ['gui-bg-white', 'gui-dark-bg-level-3'] | 组件外层自定义样式 |
组件方法
01. open() 打开对话框
02. close() 关闭对话框
组件事件
01. @open 打开对话框时触发
02. @close 关闭对话框时触发
演示代码
UNI 普通版本
NVUE 版本
登录并购买 GraceUI 后可以查阅完整手册内容 。
