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