# Drawer 抽屉

概述

Drawer 抽屉，抽屉式导航，用于展示侧滑菜单，侧滑导航。

以下介绍两种常用的引入方式。

第一种：在页面json文件中引入册

{
  "navigationBarTitleText": "抽屉",
  "usingComponents": {
    "fui-drawer": "/components/firstui/fui-drawer/fui-drawer"
  }
}

1
2
3
4
5
6

第二种：在根目录app.json文件中全局引入

"usingComponents": {
    "fui-drawer": "components/firstui/fui-drawer/fui-drawer"
}

1
2
3

部分示例演示，完整使用请参考示例程序以及文档API。

基础使用

通过 show 属性控制是否显示抽屉，bindclose 事件为当 maskClosable 属性值为true时点击遮罩回调事件，通过设置 show 属性为false来关闭抽屉。

当内容较多需要滚动时，可在组件内部使用 scroll-view 来达到内容滚动效果。

 <fui-drawer show="{{show}}" bindclose="closeDrawer