vben
2021-08-24 56a966cfbf8db5b29a42185f0f25a0e800c30dbb
src/views/demo/comp/drawer/Drawer3.vue
@@ -1,6 +1,20 @@
<template>
  <BasicDrawer v-bind="$attrs" title="Modal Title" width="50%" showFooter>
  <BasicDrawer v-bind="$attrs" title="Modal Title" width="50%" showFooter @ok="handleOk">
    <p class="h-20" v-for="index in 40" :key="index">根据屏幕高度自适应</p>
    <template #insertFooter>
      <a-button> btn</a-button>
    </template>
    <template #centerFooter>
      <a-button> btn2</a-button>
    </template>
    <template #appendFooter>
      <a-button> btn3</a-button>
    </template>
    <!-- <template #footer>
      <a-button> customerFooter</a-button>
    </template> -->
  </BasicDrawer>
</template>
<script lang="ts">
@@ -9,7 +23,13 @@
  export default defineComponent({
    components: { BasicDrawer },
    setup() {
      return {};
      return {
        handleOk: () => {
          console.log('=====================');
          console.log('ok');
          console.log('======================');
        },
      };
    },
  });
</script>