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();
}
});
有其他更棒的方案,欢迎一起交流
网友评论