<template>
|
<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">
|
import { defineComponent } from 'vue';
|
import { BasicDrawer } from '/@/components/Drawer';
|
export default defineComponent({
|
components: { BasicDrawer },
|
setup() {
|
return {
|
handleOk: () => {
|
console.log('=====================');
|
console.log('ok');
|
console.log('======================');
|
},
|
};
|
},
|
});
|
</script>
|