Drawer 抽屉

抽屉侧滑菜单，组件名：uni-drawer，代码块： uDrawer。

使用方式：

在 script 中引用组件 

  1. import uniDrawer from "@/components/uni-drawer/uni-drawer.vue"
  2. export default {
  3.     components: {uniDrawer}
  4. }

Drawer 在 template 中以 插槽 形式插入内容

  1. <uni-drawer :visible="true">
  2.     <view style="padding:30upx;">
  3.         <view class="uni-title">抽屉式导航</view>
  4.     </view>
  5. </uni-drawer>

属性说明：

属性名类型默认值说明
visibleBooleanfalseDrawer的显示状态
maskBooleantrue是否显示遮罩
modeStringleftDrawe滑出位置，可选值：left（从左侧滑出）， right（从右侧滑出

事件说明：

事件名说明
close组件关闭时触发事件

Tips