Framework7 侧边面板

2024年8月29日 | 1 分钟阅读

Framework7 侧边面板用于移动屏幕的左侧或右侧以显示内容。在 Framework7 中，您可以在应用程序中包含最多 2 个面板（右侧面板和左侧面板）。面板添加在的开头，然后通过应用以下类来选择打开效果

panel-reveal: 此类用于使整个应用程序的内容移出。

panel-cover: 此类用于使面板覆盖在应用程序的内容上。

语法

<body>
   <!-- First add Panel's overlay which will overlays app while panel is opened -->
   <div class = "panel-overlay"></div>
   <!-- Left panel -->
   <div class = "panel panel-left panel-cover">
      panel's content
   </div>
   <!-- Right panel -->
   <div class = "panel panel-right panel-reveal">
      panel's content
   </div> 
</body>  

Framework7 支持的面板类型

以下是 Framework7 支持的面板类型的列表

索引	类型	描述
1)	打开和关闭面板	添加面板和效果后，我们需要添加打开和关闭面板的功能。
2)	面板事件	要检测用户如何与面板交互，您可以使用面板事件。
3)	通过滑动打开面板	Framework7 为您提供了通过滑动手势打开面板的功能。
4)	面板已打开？	我们可以通过使用 with-panel[position]-[effect] 规则来确定面板是否已打开。

下一主题Framework7 内容块

← 上一主题下一主题 →

Framework7 侧边面板

Framework7 支持的面板类型

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

Framework7 教程

Framework7 表单

Framework7 选项卡

F7 Swiper 滑块

F7 图片浏览器

F7 选择器

F7 日历

F7 杂项

面试题

Framework7 侧边面板

Framework7 支持的面板类型

相关帖子

F7 覆盖层

Framework7 教程

F7 操作按钮

F7 导航栏

F7 手风琴

F7 内容块

F7 工具栏

F7 布局网格

F7 卡片

F7 芯片

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器