手册版本 V3.0
组件名称
graceShade : /graceUI/组件目录/graceShade
更新说明
此组件于 2020.08.11 更新,向下兼容( 之前版本可以正常运行 ), 运行演示代码需要更新框架版本 (:
使用说明
您可以利用遮罩层组件完成弹出广告、弹出提醒等功能;
请将您的内容放置在GraceUI 遮罩层组件插槽内;
GraceUI 遮罩层组件插槽内的view会自动居中哦(:
graceShade 组件属性
属性名称 | 类型 | 默认值 | 作用 |
background | 字符串 | rgba(0, 0, 0, 0.1) | 遮罩层背景颜色 |
zIndex | 数值 | 1 | 遮罩层 z-index 值 |
show | 布尔 | true | 是否展示组件 |
遮罩层点击事件
closeShade : 绑定此事件可以实现点击遮罩层关闭自己;
如何动态展示关闭遮罩
旧版本方式 : 利用一个变量切换其值 true / false 来控制是否展示遮罩
新版本方式 : 2020.08.05 更新
01. 组件的 showIt 方法打开弹出层;
02. 组件的 hideIt 方法关闭弹出层;
演示代码
UNI 普通版本
NVUE 版本
微信小程序独立版本
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。