MUI右滑关闭窗口,swipeBack失效

mui.init({
        styles: {
                    popGesture: 'close' // 'hide', 'close','none'
               },
                swipeBack:true //启用右滑关闭功能
        });

其实这个swipeBack:true 方法是有效的,只要你滑的够快够狠。。。

安卓机用以下段代码,可以实现页面随着拖动慢慢右滑,至翻页,动画效果也很棒棒,推荐

mui.plusReady(function(){
                        vm.detail = plus.webview.currentWebview().info;
                        _self = plus.webview.currentWebview(); //获取当前webview窗口
                        _self.drag({ //使用拖拽方法
                                direction: "right",
                                moveMode:   "followFinger"
                            }, {
                
                            },
                            function(e) {
                                if(e.type == 'end') {
                                    console.log('pppp');
                                    mui.back();
                                }
                            }
                        );
                    });

但是上述代码苹果机就不行了,滑死没用,那用这段代码,用mui的手势滑动。但是不能做到页面随慢慢拖动

 document.getElementsByClassName('mui-content')[0].addEventListener("swiperight",function(e){
//防止滑动长列表的时候,上滑时候触发swiperight而返回了,限制一下角度和滑动距离
        if(parseFloat(e.detail.angle)<-0 &&parseFloat(e.detail.angle)>-20 && parseFloat(e.detail.distance)>40){
            mui.back();
        }
     });

有其他更棒的方案,欢迎一起交流

你可能感兴趣的:(MUI右滑关闭窗口,swipeBack失效)