[TOC]
>[success] # 打开界面（可以理解为打开新WebView窗口）
<br/>
~~~
在需要打开新窗口的页面写以下代码即可：
写法：
mui.openWindow({
url:"", // 需要打开页面的url地址
id:"", // 需要打开页面的url页面id
style:{
top"0px", // 新页面顶部位置
bottom:"0px" // 新页面底部位置
},
extras:{
name:"哈哈",
age:"18",
// 自定义扩展参数,可以用来处理页面间传值
},show:{ // 控制打开页面的类型
autoShow:true, // 页面loaded事件发生后，自动显示页面,默认为true,一般
// 页面加载数据量很大时候可以修改为false,等接口数据返回后再设置为true
aniShow:"slide-in-right", // 页面显示动画方式,默认为slide-in-right
// pop-in 效果比较推荐,zoom-fade-out效果美团也是用的这个效果
duration:"1000" , // 页面动画持续时间,安卓默认100毫秒,ios默认200毫秒
// 350毫秒是最好的
},waiting:{ // 控制弹出转圈框的信息
autoShow:true, // 自动显示等待框,默认为true
title:"加载中...", // 等待对话框显示的提示内容
option:{
width:"300px", // 等待框区域宽度,默认根据内容自动计算合宽度
height:"300px", // 等待框背景区域高度,默认根据内容自动计算合适高度
}
}
})
~~~
<br/>
>[danger] ## 如何关闭lodding？
~~~
如果页面打开时候觉得页面信息量大使用了show里面的autoShow：false，然后一直显示lodding加载中
那么如何请求成功数据给他关闭lodding让页面显示出来呢？
2. 显示的方法：
// 1. 关闭等待框
// 2. 显示当前页面
mui.plusReady(function(){
// 关闭等待框
plus.nativeUI.closeWaiting();
// 打开等待框
// plus.nativeUI.showWaiting("加载中...");// 没有参数的话只有转圈的图标
// 显示当前页面
var self = plus.webview.currentWebview();
self.show("zoom-fade-out",350); // 展示方法可以写动画,350毫秒
})
~~~
