标签: html-framework-7

1. 在index.html中使用登录表单

   ...登录屏幕内容......

2. 成功登录后,如何路由另一个页面并关闭(或隐藏)当前登录页面？

      mainView.router.load('default.html');
   

   Run Code Online (Sandbox Code Playgroud)

此脚本不起作用.

我正在使用framework7,它是一个图书馆的地狱,但在动画方面很糟糕.它适用于某些操作系统版本,有些版本很慢.现在我只想一起禁用动画,因为我正在追求的功能.

在ini期间,我有以下内容:

var myApp = new Framework7({
    modalTitle: 'MeLife',
    // Enable Material theme
    material: true,
    animatePages:false,
    externalLinks:'.external',
    sortable:false,
    swipeout:false,
    materialRippleElements:'',
});

在animatePages似乎有正确的效果,但只在页面过渡.我想在单击按钮/链接时禁用动画,我认为应该通过设置materialRippleElements为空而没有任何内容来实现.

有什么想法吗？

我想阻止所有应用程序的页面在Framework 7中缓存。是否可以在此处添加任何选项？

var myApp = new Framework7({
        material: true //enable Material theme
    })

或可以使我永久停止缓存的功能。

我正在使用Swiper API让用户在我的 HTML5/JS/CSS 网站上的多个页面上滑动。我初始化了 swiper（请注意，我使用的是 Framework7，其中包含 Swiper API 作为内部模块，该app对象代表 Framework7 实例：

var swiper = app.swiper.create('#swiper', {
    speed: 200,
    spaceBetween: 0,
    initialSlide: 0,
    loop: true,
    pagination: {
        el: '.swiper-pagination',
        type: 'bullets',
    },
    autoHeight: true,
});

我的 HTML 上还有三张幻灯片：

<div class="swiper-container" id="swiper">
    <div class="swiper-wrapper"> 
        <div class="swiper-slide">Slide 1</div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
    </div>
    <div class="swiper-pagination"></div>
</div>

我编写了一个监听器来监听页面更改：每次用户滑动到下一页时，transitionEnd都会触发该事件

swiper.on("transitionEnd", function(e){
    var slideIndex = swiper.activeIndex;
    console.log("I'm on slide no: "+slideIndex);
});

当我尝试检索当前幻灯片索引 ( swiper.activeIndex) 时，我得到非常奇怪的结果：我希望得到一个数字，0、1 或 …