# 抽屉组件 KbdDrawer
背景
- 为了方便统一管理抽屉样式
- 减少抽屉代码量，更高效的开发
- 抽屉样式底部按钮固定在底部了,后续根据需要调整
- 此为初始版，如有使用不方便地方欢迎大家指正
# 基础显示
::: demo <<< @/src/demos/kbd-drawer-demo/index.vue :::
提示
- 推荐使用mixins的方式引入
import kbdDrawer from '@/components/kbd-drawer/Kbd-drawer.mixin.js';
1
- Kbd-drawer.mixin.js 文件里面提供了处理弹窗的方法$$drawerOpen $$drawerClose，减少处理逻辑
# 参数说明
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| visible | 是否显示抽屉 | Boolean | true/false | — |
| title | 抽屉标题 | String | — | 有数弹窗 |
| cancelText | 取消文案 | String | — | 取消 |
| submitText | 提交文案 | String | — | 提交 |
| btnLoading | 提交按钮loading | Boolean | — | — |
| defaultProps | elementUI默认属性 | Object | — | {} |
# 事件说明
| 事件名 | 说明 | 参数 |
|---|---|---|
| close | 关闭弹窗回调 | - |
| submit | 提交按钮回调 | - |