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

                    })

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

巴特西

mui中openWindow方法的通用封装

最新文章

热门文章