Drawer 组件

​

1. 使用场景

• 需要给用户一个提示
• 需要用户进行确认操作
• 需要用户处理事务，又不希望跳转页面以致打断工作流程

​

2. 视频展示

​

3. Drawer 组件的基本使用方法

​

3.1 拖动 Drawer 组件到自定义页面中，并在属性中配置 Drawer 组件的样式

​

3.2 Drawer 组件默认是隐藏的，可以通过以下 API 显示 Drawer

export function showDrawer() {
  this.$('drawer1').show();
}

​

3.3 可以通过配置属性中的高宽来控制 Drawer 的大小，并且可以控制组件的弹出位置以及退出方式

​

3.4 可以通过配置底部按钮来配置按钮的位置、排列、内容以及动作事件