mui.openWindow如何使用
时间: 2024-05-03 17:21:50 浏览: 10
mui.openWindow是mui框架提供的打开新窗口的方法,使用步骤如下:
1.引入mui.js库
在html页面中引入mui.js库,如下:
```html
<script src="js/mui.min.js"></script>
```
2.编写打开新窗口的代码
在js文件中编写打开新窗口的代码,如下:
```javascript
mui.openWindow({
url: 'newpage.html', //新打开窗口的地址
id: 'newpage', //新打开窗口的id
styles: {
top: '0px', //新打开窗口距离顶部的位置
bottom: '0px' //新打开窗口距离底部的位置
},
createNew: true, //是否创建新的webview窗口
show: {
autoShow: true, //页面loaded事件发生后自动显示
aniShow: 'slide-in-right', //页面显示动画
duration: 200 //页面显示动画持续时间
},
waiting: {
autoShow: true, //自动显示等待框
title: '正在加载...' //等待框提示语
}
});
```
其中,url表示新打开窗口的地址,id表示新打开窗口的id,styles表示新打开窗口的样式,createNew表示是否创建新的webview窗口,show表示新打开窗口的显示动画和持续时间,waiting表示等待框的显示和提示语。
3.调用打开新窗口的方法
在需要打开新窗口的事件中调用打开新窗口的方法,如下:
```javascript
document.getElementById('btn').addEventListener('tap', function() {
mui.openWindow({
url: 'newpage.html',
id: 'newpage',
styles: {
top: '0px',
bottom: '0px'
},
createNew: true,
show: {
autoShow: true,
aniShow: 'slide-in-right',
duration: 200
},
waiting: {
autoShow: true,
title: '正在加载...'
}
});
});
```
上述代码表示,当按钮被点击时,调用打开新窗口的方法。
以上就是mui.openWindow的使用方法。