滑动打开左右面板

Question

我目前正在进入Framework7。我只找到了一些文档，但它们没有帮助我。我的问题真的很基本，但我根本无法弄清楚我的错误：

我只是尝试打开左右两个面板（不是同时打开）。

• 如果我从左向右滑动，应该会打开左侧面板
• 如果我从右向左滑动，应该会打开右侧面板

我的 HTML 部分如下所示：

<!-- Left panel with reveal effect-->
<div class="panel panel-left panel-reveal">
    <div class="content-block">
        <p>Content left panel</p>
    </div>
</div>
<div class="panel panel-right panel-reveal">
    <div class="content-block">
        <p>Content right panel</p>
    </div>
</div>

Javascript：

// Initialize app
var myApp = new Framework7({
    swipePanel: 'both'
});

如果我将 swipePanel 更改为 left 或 right，正确的将按预期工作......但由于某种原因，不是两者兼而有之。

According to the docs 但是，both 是 swipePanel 的有效值。我的控制台中没有 JS 错误。

其他人遇到过这个问题吗？

Answer 1

如果你使用的是framework7 version 3，那么

var myApp = new Framework7({
    swipe: 'both'
});

在 F3 中使用滑动而不是 swipePanel。 swipePanel 适用于 V1