手册版本 V3.0
组件名称
graceBottomDialog : /graceUI/组件目录/graceBottomDialog
更新说明
此组件于 2020.08.12 更新，向下兼容( 之前版本可以正常运行 ), 运行演示代码需要更新框架版本 (:
组件属性
| 属性名称 | 类型 | 默认值 | 作用 |
| width | String | 750rpx | 内容插槽宽度 |
| left | String | 0rpx | 内存插槽 left 值 |
| show | Boolean | false | 是否展示组件 |
| background | String | rgba(0, 0, 0, 0.5) | 遮罩层背景 |
| borderRadius | String | 0rpx | 内容插槽圆角尺寸 |
| zIndex | Number | 99 | 组件 z-index 值 |
| isSwitchPage [ 2020.09.21 新增 ] | Boolean | false | 页面是否为一个switchTab 页 ( true 代表不需要进行 iPhone 底部适配 ) |
组件插槽
<slot name="btns"></slot> // 标题栏按钮组插槽 <slot name="content"></slot> // 对话框内容插槽
组件事件
closeDialog : 关闭对话框事件
组件方法 [ 2020.08.12 更新 ]
01. open : 展示组件;
02. hide : 关闭组件;
常见问题
问 : 我的页面上有其他底部元素，挡住了对话框，该怎么办？ 答 : 在 content 插槽内 (slot="content") 添加一个与底部元素等高的空 view 即可 (:
演示代码
UNI 普通版本
NVUE 版本
微信小程序独立版本
登录并购买 GraceUI 后可以查阅完整手册内容 。