Drawer 抽屉 APP
该方法或组件支持移动端小程序调用

PC
该方法或组件支持桌面端小程序调用

屏幕边缘滑出的浮层面板。

引入方式

数字生活小程序工程中，不需要 import，直接使用组件标签即可。

import {Drawer} from '@21cnfe/vui'  
Vue.component('Drawer', Drawer)

Drawer 抽屉 drawers

基本用法基础抽屉，点击触发按钮抽屉从右滑出，点击遮罩区关闭

<<Drawer :show.sync="model" :drawer-style="{width: '250px'}">
  <div slot="drawer">
    ...
  </div>
</Drawer>

自定义位置自定义位置，点击触发按钮抽屉从相应的位置滑出，点击遮罩区关闭

<Drawer :show.sync="model" :drawer-style="{width: '250px'}" :position="'left'">
  <div slot="drawer">
    ...
  </div>
</Drawer>

属性	说明	类型	默认值
`position`	抽屉的方向	String	`'right'`

插槽名称	说明
drawer	抽屉中的内容