Question

我正在使用缓存页面，我将所有页面都写在index.html的单个文件中。

如何将侧面板添加到特定页面？

的index.html

__tls_get_addr

Answer 1

根据我从documentation看到的内容。

在以下情况之后添加此HTML语法：
<div class="statusbar-overlay"></div>
或之前：
<div class="views">...</div>。

代码语法：

<div class="panel-overlay"></div>
<div class="panel panel-left panel-reveal">
  <div class="content-block">
    <p>Left Panel content here</p>
    <p><a href="#" class="close-panel">Close me</a></p>
    <p><a href="#" data-panel="right" class="open-panel">Open Right Panel</a></p>
  </div>
</div>

好的，现在当你的应用程序中有面板时，你需要知道如何打开/关闭它们：

要打开面板，我们需要为任何HTML元素添加“open-panel”类（首选链接）
要关闭面板，我们需要为任何HTML元素添加“close-panel”类（首选链接）
如果您在应用中有两个面板，则此类链接将默认打开/关闭左侧面板
如果要指定应打开/关闭哪个面板，则可以通过此HTML元素上的其他data-panel =“left”属性来完成

使用滑动打开面板

要使此功能正常工作，您需要通过传递相关参数来启用App初始化：

var myApp = new Framework7({
    swipePanel: 'left'
});

在Framework7中使用缓存页面时如何添加侧面板？

1 个答案: