[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毫秒
})
~~~