el-drawer插槽

el-drawer是Element UI中的一个组件，它是一个抽屉式的容器，可以用于展示一些侧边栏、菜单等内容。el-drawer提供了多个插槽，用于自定义抽屉中的内容。以下是el-drawer的几个插槽及其作用：

1. default插槽：用于自定义抽屉中的主要内容，例如菜单、列表等。

2. title插槽：用于自定义抽屉的标题。

3. footer插槽：用于自定义抽屉的底部内容。

4. close-button插槽：用于自定义关闭按钮的内容。

下面是一个el-drawer的示例代码，其中包含了上述四个插槽的使用：

<el-drawer
  title="抽屉标题"
  :visible.sync="drawerVisible"
  :with-header="false"
  :with-footer="false"
>
  <template #title>
    <div class="drawer-title">
      <i class="el-icon-menu"></i>
      <span>自定义标题</span>
      <i class="el-icon-close" @click="drawerVisible = false"></i>
    </div>
  </template>
  <template #default>
    <el-menu>
      <el-menu-item index="1">菜单项1</el-menu-item>
      <el-menu-item index="2">菜单项2</el-menu-item>
      <el-menu-item index="3">菜单项3</el-menu-item>
    </el-menu>
  </template>
  <template #footer>
    <div class="drawer-footer">
      <el-button type="primary" size="small">确定</el-button>
      <el-button size="small">取消</el-button>
    </div>
  </template>
  <template #close-button>
    <i class="el-icon-close"></i>
  </template>
</el-drawer>