手册版本 V5.0
组件名称
gui-modal : /graceUI/组件目录/gui-modal
兼容平台
| H5 | APP | 小程序 | NVUE |
| ✔ | ✔ | ✔ | ✔ |
组件属性
| 属性名称 | 类型 | 默认值 | 作用 |
| width | String | 580rpx | 组件宽度 |
| bodyStyle | String | background-color:#FFFFFF; border-radius:6rpx; | 消息框主体样式 |
| isCloseBtn | Boolean | true | 是否展示关闭按钮 |
| closeBtnStyle | String | color:#2B2E3D; font-size:28rpx; | 关闭按钮样式 |
| isTitle | Boolean | true | 是否展示标题 |
| title | String | '' | 标题文本 |
| titleStyle | String | line-height:100rpx; font-size:28rpx; font-weight:700; color:#2B2E3D; | 标题样式 |
| canCloseByShade | Boolean | true | 点击遮罩层能否关闭组件 |
| zIndex 2021.08.24 新增 | Number | 99 | 弹出层 z-index 值 |
组件方法
01. open() 打开对话框
02. close() 关闭对话框
组件事件
01. @open 打开对话框时触发 2021.08.10 新增
02. @close 关闭对话框时触发 2021.08.10 新增
演示代码
UNI 普通版本
NVUE 版本
登录并购买 GraceUI 后可以查阅完整手册内容 。