| | |
| | | @opened="$emit('update:visible', true)" |
| | | @closed="$emit('update:visible', false)" |
| | | destroy-on-close |
| | | :draggable="draggable" |
| | | :modal="modal" |
| | | :append-to-body="appendToBody" |
| | | > |
| | | <div v-if="visible"> |
| | | <slot name="content"></slot> |
| | |
| | | type: { |
| | | type: String, |
| | | default: 'normal' |
| | | }, |
| | | draggable: Boolean, |
| | | modal: { |
| | | type: Boolean, |
| | | default: true |
| | | }, |
| | | appendToBody: { |
| | | type: Boolean, |
| | | default: true |
| | | } |
| | | }); |
| | | const typeOptions = ref([ |
| | |
| | | ); |
| | | </script> |
| | | <style scoped> |
| | | ::v-deep .el-drawer__body { |
| | | :deep(.el-drawer__body) { |
| | | padding-top: 0; |
| | | } |
| | | |
| | | ::v-deep .el-drawer__header { |
| | | :deep(.el-drawer__header) { |
| | | margin-bottom: 16px; |
| | | } |
| | | </style> |