# Drawer 抽屉
概述
Drawer 抽屉,抽屉式导航,用于展示侧滑菜单,侧滑导航。
# 引入
以下介绍两种常用的引入方式。
第一种:在页面json文件中引入册
{
"navigationBarTitleText": "抽屉",
"usingComponents": {
"fui-drawer": "/components/firstui/fui-drawer/fui-drawer"
}
}
1
2
3
4
5
6
2
3
4
5
6
第二种:在根目录app.json文件中全局引入
"usingComponents": {
"fui-drawer": "components/firstui/fui-drawer/fui-drawer"
}
1
2
3
2
3
# 代码演示
部分示例演示,完整使用请参考示例程序以及文档API。
基础使用
通过 show
属性控制是否显示抽屉,bindclose
事件为当 maskClosable
属性值为true时点击遮罩回调事件,通过设置 show
属性为false来关闭抽屉。
当内容较多需要滚动时,可在组件内部使用 scroll-view
来达到内容滚动效果。
<fui-drawer show="{{show}}" bindclose="closeDrawer