@include 'common'

# Drawer 抽屉组件

## 何时使用

抽屉是用于在不离开主路径的情况下，提供用户快速执行简单的操作、确认用户信息或反馈提示的辅助窗口。

## 展示

### 1. 基本

第一个抽屉

定制 footer：

通过 footer(={true})设置确认/取消按钮；

通过 okProps 和 cancelProps 传入按钮文字；通过 footerActions = ['ok'] | ['cancel'] | ['ok' , 'cancel'] | ['cancel', 'ok']改变按钮的显示和顺序，默认显示‘确认’ ‘取消’；

通过 footerAlign = 'left' | 'right' ｜ 'center' 设置按钮底部对齐方式；

通过 onOk 和 onCancel 分别传入确认和取消按钮的点击回调函数。

@include 'demo1'

### 2. 自定义弹出方向

@include 'demo2'

### 3. 双层抽屉

双层抽屉，抽屉内打开新的抽屉
@include 'demo3'

### 4. 抽屉式选择

将 Select 的弹出模式换成 Drawer
@include 'demo4'

### 5. 不同尺寸抽屉

分为大中小尺寸和 fullscreen，通过 size 设置。

@include 'demo5'

@include 'demo6'

@include 'demo7'

@include 'demo8'