滑动即可打开左右面板

时间:2019-01-08 20:48:05

标签: phonegap html-framework-7

我目前正在进入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,但是bothswipePanel的有效值。我的控制台中没有JS错误。

有人遇到了这个问题吗?

1 个答案:

答案 0 :(得分:0)

如果您使用的是Framework7版本3,则

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

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