手册版本 V3.0
组件名称
graceDrawer : /graceUI/组件目录/graceDrawer
更新说明
2020.08.11 更新 :
01. 组件独立化，不再依赖页面变量;
02. 菜单区域使用滚动区域，容纳更多项目;
组件属性
| 属性名称 | 类型 | 默认值 | 作用 |
| show | boolean | false | 是否展示组件 |
| direction | 字符串 | left | 进入方向，可选值 : left | right |
| width | 字符串 | 60% / nvue 500 | 组件宽度 |
| background | 字符串 | rgba(0, 0, 0, 0.5) | 遮罩层背景 |
| padding | 字符串 | '30rpx 0' | 组件 padding |
| zIndex | 数值 | 1 | 组件 z-index 值 |
| slotBg | 字符串 | rgba(255, 255, 255, 1) | 菜单插槽背景颜色 [ 20200406 新增 ] |
| top | 数值 | 0 | 抽屉 top 值 [ 20200429 新增 ] |
组件方法
01. open() // 打开菜单 02. hide() // 关闭菜单
组件事件
closeDrawer // 关闭抽屉
演示说明
如果您使用自定义导航请在 GraceUI 付费群 群文件内下载对应此组件的演示代码 (:
演示代码
UNI 普通版本
NVUE 版本
微信小程序独立版本
登录并购买 GraceUI 后可以查阅完整手册内容 。