方式一:preload一次仅能预加载一个页面(除非循环)
1 | var 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一次仅能预加载一个页面 (除非循环)
1 | function 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参数进行配置.可预加载多个页面,但不会返回预加载每个页面的引用(异步执行)
01 | mui.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】与原页面进行合并
01 | subpages: |
02 | [{ |
03 | id: 'list' , |
04 | url: 'list.html' , |
05 | styles:{ |
06 | top: '45px' , |
07 | bottom:0, |
08 | bounce: 'vertical' |
09 | } |
10 | }] |
部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!