<template>
  <div class="demo-drawer-basic">
    <ui-button @click="showDrawerHandler">
      Open
    </ui-button>
    <ui-drawer
      :visible.sync="visible"
      title="Basic Drawer">
      <div style="height: 2000px"></div>
      <div slot="footer">
        <ui-button>测试</ui-button>
      </div>
    </ui-drawer>
  </div>
</template>

<script>
import { Drawer, Button } from "amumu-ui"
export default {
  components: {
    "ui-drawer": Drawer,
    "ui-button": Button,
  },
  data() {
    return {
      visible: false,
    }
  },
  methods: {
    showDrawerHandler() {
      this.visible = true
    },
  },
}
</script>
