## 组件属性

| 属性名      | 说 明         | 类 型 |默认值  |
| ------------- |-----------|------| -----|
| show | 是否显示抽屉 | Boolean  | false |
| position | 显示的位置， `center` `bottom` `left` `top`| String | 'center' |

## 组件方法

| 方法名 | 说 明 |
|-------|-------|
| - | - |

## 组件事件

| 事件名 | 说 明 | 传入参数 |
|-------|----------|----|
| - | - | - |


## DEMO
```
<template>
  <div class="">
    <ul class="list list-box p0002">
      <dmenu @on-click="play('center')"  name="Center"/>
      <dmenu @on-click="play('bottom')"  name="Bootom"/>
      <dmenu @on-click="play('left')"  name="Left"/>
    </ul>
   <drawer :show="show" :position="pos">
     <div style="display:flex;padding: 40px">
       <button type="button" class="btn btn-primary btn-block" @click="close">关 闭</button>
     </div>
   </drawer>
  </div>
</template>

<script>
import Drawer from './drawer.vue'
import Dmenu from '../demohelper/demomenu.vue'

export default {
  name: 'drawerdemo'

  components: {
    Drawer,
    Dmenu
  },
  methods: {
    play (position){
      this.show = true
      this.pos = position
    },
    close (){
      this.show = false
    }
  },
  data () {
    return {
      show: false,
      pos: 'center'
    }
  }
}
</script>
```