mui 頁面跳轉

1.初始化時建立子頁面

mui.init({  
  subpages: [{  
        url: your - subpage - url, //子頁面HTML地址，支持本地地址和網絡地址
        id: your - subpage - id, //子頁面標誌
        styles: {  
            top: subpage - top - position, //子頁面頂部位
            bottom: subpage - bottom - position, //子頁面底部位置
            width: subpage - width, //子頁面寬度，默認爲100%
            height: subpage - height, //子頁面高度，默認爲100%
            ......  
        },  
        extras: {} //額外擴展參數
    }]  
}); 

2.直接打開新頁面

mui.openWindow({  
    url: new- page - url,  
    id: new- page - id,  
    styles: {  
        top: newpage - top - position, //新頁面頂部位置
        bottom: newage - bottom - position, //新頁面底部位置
        width: newpage - width, //新頁面寬度，默認爲100%
        height: newpage - height, //新頁面高度，默認爲100%
        ......  
    },  
    extras: {  
        ..... //自定義擴展參數，能夠用來處理頁面間傳值
    }  
    show: {  
        autoShow: true, 
        //頁面loaded事件發生後自動顯示，默認爲true
        aniShow: animationType, //頁面顯示動畫，默認爲」slide-in-right「；
        duration: animationTime //頁面動畫持續時間，Android平臺默認100毫秒，iOS平臺默認200毫秒；
    },  
    waiting: {  
        autoShow: true, 
        //自動顯示等待框，默認爲true
        title: '正在加載...', 
        //等待對話框上顯示的提示內容
        options: {  
            width: waiting - dialog - widht, //等待框背景區域寬度，默認根據內容自動計算合適寬度
            height: waiting - dialog - height, //等待框背景區域高度，默認根據內容自動計算合適高度
            ......  
        }  
    }  
})             

3.預加載頁面

// 方式1
mui.init({
    preloadPages: [{  
        url: prelaod - page - url,  
        id: preload - page - id,  
        styles: {}, //窗口參數
        extras: {}, //自定義擴展參數
        subpages: [{}, {}] //預加載頁面的子頁面
    }]  
});  
  
// 方式2
var page = mui.preload({  
    url: new- page - url,  
    id: new- page - id, 
    //默認使用當前頁面的url做爲id
    styles: {}, //窗口參數
    extras: {} //自定義擴展參數
});