开发手册 欢迎您!
软件开发者资料库

Framework7 - 侧面板

Framework7侧面板 - 从概述,环境,布局,导航栏,工具栏,搜索栏,状态栏,侧面板,内容块,布局网格,叠加层,预加载器,进度条,列表视图,手风琴,卡片,芯片,按钮开始学习Framework7 ,动作按钮,窗体,选项卡,Swiper滑块,照片浏览器,自动完成,选择器,日历,刷新,无限滚动,消息,消息栏,通知,延迟加载,颜色主题,细线,模板概述,自动编译,Template7页面,活动状态,点击保持事件,触摸波纹。

描述

侧面板移动到屏幕的左侧或右侧以显示内容. Framework7允许您在应用程序中包含最多2个面板(右侧面板和左侧面板).您需要在< body> 的开头添加面板,然后通过应用以下列出的类 : 选择开启效果;

  • panel-reveal : 这将使整个应用程序的内容移出.

  • panel-cover : 这将使面板覆盖应用程序的内容.

例如,以下代码显示了如何使用上述类 :

      
             panel's content   
             panel's content    

下表显示了Framework77支持的面板类型 :

S.NoType&说明
1打开和关闭面板

添加面板和效果后,我们需要添加打开

2小组活动

检测用户如何与面板,您可以使用面板事件.

3使用滑动打开面板

Framework7为您提供打开面板的功能用轻扫手势.

4面板是否已打开?

我们可以确定是否面板是否使用

.min.js">