<!-- 
    通用组件 ： 抽屉 
-->


<template>

    <div class="box">
        <el-drawer v-bind="$attrs">
            <!-- 内容区域 -->
            <slot name="content">

            </slot>
        </el-drawer>
    </div>

</template>

<script setup>
/************************************************
 *                   引入文件                   *
 ************************************************/
import { ref, watch, useAttrs, defineProps } from 'vue'
import { ElButton, ElDrawer } from 'element-plus'
import { CircleCloseFilled } from '@element-plus/icons-vue'


</script>

<style>
.el-drawer__body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}
</style>
<style scoped>
::v-deep .el-drawer__header {
    margin-bottom: 0;
}

.el-icon--left {
    margin-right: 8px;
}
</style>