mui中openWindow方法的通用封装

因为做项目跳转新页面和传参的场景太多了,而且有的页面需要的跳转动画也不一样,每次都写一大堆openWindow方法的配置项太麻烦,因此自己简单封装了一个小函数,用来方便webview页面的跳转和传参。

方法如下:

/*mui工具方法*/
var muiFn = { 
    /*跳转到新页面(可传参)*/ 
    openUrl : function(url,option){
        var urlId = url.slice(url.lastIndexOf('/') + 1,url.length - 5);
        if(option != undefined){
            var animations = option.animate == undefined ? 'slide-in-right' : option.animate;
            var needTime = option.time == undefined ? 150 : option.time;                    
        }
        mui.openWindow({
            url: url,
            id: urlId,
            show: {
                aniShow: animations, 
                duration: needTime
            },
            extras:{
                opt : option.settings
            }
        });                                
    }
}

调用方式:

                    var ccc = {
                        abc:1,
                        cba:2
                    }                  
                    muiFn.openUrl('html/message/messageList.html',{
                        settings : ccc
                    })

这时候只需要关心要跳转到哪个新页面,是否要传递什么参数,其他的配置都不用写了,如果页面过度动画不同也可以自己手动来改写,方便好用。另外你要是想改写其他的配置,例如等待提示之类的样式,你也可以参考我上一篇文章中的那个配置项,根据你的需求来改写呢。

posted @ 2018-06-07 17:38  周大侠小课堂  阅读(401)  评论(0编辑  收藏  举报