# 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