我爱模板网 > 建站教程 > APP开发,混合APP >  MUI预加载的几种方法正文

MUI预加载的几种方法

    本文详细介绍了mui预加载页面的四种方法,哪种合适,您看着用:

    方式一:preload一次仅能预加载一个页面(除非循环)
1var subWebview = mui.preload({
2    url: 'examples/accordion.html',
3    id: 'template_sub',
4    top: ' 
5    styles: {
6        48 px ', 
7        bottom: '0px'
8    }
9});

    方式二:create一次仅能预加载一个页面  (除非循环) 
1function clicklist (id) { //list点击item后的事件
2    var nwaiting = plus.nativeUI.showWaiting();//显示原生等待框
3    webviewShow = plus.webview.create("show.html");//后台创建webview并打开show.html
4    webviewShow.addEventListener("loaded", function() { //注册新webview的载入完成事件
5        nwaiting.close(); //新webview的载入完毕后关闭等待框
6        webviewShow.show("slide-in-right",150); //把新webview窗体显示出来,显示动画效果为速度150毫秒的右侧移入动画
7    }, false);
8}

    方式三:通过mui.init方法中的preloadPages参数进行配置.可预加载多个页面,但不会返回预加载每个页面的引用(异步执行)
01mui.init({
02    preloadPages: [{
03        url: prelaod - page - url,
04        id: preload - page - id,
05        extras: {
06            valueArray: styles: {}, //窗口参数 
07            valueArray,
08            productArray: productArray
09        }, //自定义扩展参数,在该页面获取方式:varweb=plus.webview.currentWebview;web.valueArray 
10        subpages: [{}, {}] //预加载页面的子页面 
11    }]
12});

    方式四:加载子页面,通常是在原来具备【header】或者【footer】的前提下,再加载进来一个【list列表】或者【mui-content】与原页面进行合并
01subpages:
02[{
03    id:'list'
04    url:'list.html'
05    styles:{ 
06        top:'45px'
07        bottom:0, 
08        bounce:'vertical' 
09    
10}]



部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:mui.confirm支持html 下一篇:MUI的预加载和plus.webview.create这个有什么区别吗?
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢