手册版本 V3.0
组件名称
graceDialog : /graceUI/组件目录/graceDialog
更新说明
此组件于 2020.08.11 更新,向下兼容( 之前版本可以正常运行 ), 运行演示代码需要更新框架版本 (:
组件属性
属性名称 | 类型 | 默认值 | 作用 |
show | Boolean | false | 组件是否展示 |
width | String | 580rpx | 对话框宽度 |
isCloseBtn | Boolean | true | 是否展示关闭按钮 |
closeBtnColor | String | #FF0036 | 关闭按钮颜色 |
isTitle | Boolean | true | 是否展示对话框标题 |
title | String | '' | 对话框标题内容 |
titleHeight | String | 100rpx | 对话框标题行高 |
titleWeight | Boolean | true
| 对话框标题是否加粗 |
titleSize | String
| 28rpx | 对话框标题文本尺寸 |
titleBg | String | '' | 对话框标题背景颜色 |
titleColor | String | #333333 | 对话框标题颜色 |
isBtns | Boolean | true | 是否显示底部按钮 |
background | String | rgba(0, 0, 0, 0.5) | 对话框遮罩层背景颜色 |
borderRadius | String | 6rpx | 对话框圆角尺寸 |
zIndex | Number | 999 | 对话框 z-index 值 |
canCloseByShade | Boolean | true | 点击遮罩层是否能够关闭组件 |
组件插槽
<slot name="content"></slot> 对话框信息内容()
<slot name="btns"></slot> 按钮组插槽(可以是任何形式、任何数量的按钮)
组件方法 [ 2020.08.11 更新 ]
01. open : 展示组件;
02. hide : 关闭组件;
演示代码
UNI 普通版本
NVUE 版本
微信小程序独立版本
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。