封装组件——抽屉drawer（vue+element）

<template>

  <el-drawer :title="title"
             :size='size'
             :visible.sync="showDrawer"
             ref='drawer'
             destroy-on-close
             :before-close='dbeforeClose'
             :append-to-body="appendBody"
             :wrapperClosable="wrapperClosable">
    <template #title>
      <!-- <slot name="anotherTitle"></slot> -->
      <slot name="title"></slot>
    </template>

    <div class="drawer-content"
         :style="{height: footerHide?'calc(100vh - 160px)':'calc(100vh - 220px)'}">
      <slot>

      </slot>
    </div>
    <div v-if="!footerHide"
         class="mt10 drawer-footer"
         :class="footerStyle ? 'footStyle' : ''">
      <div style="width:95%; text-align:right">
        <el-form size='small'>
          <el-button size="small"