HBuilder\mui 关于选项卡点击跳转后,原地图页面无法关闭的问题

同时使用mui的选项卡功能和自带地图加载功能,存在点击选项卡跳转,地图页面无法关闭,一直显示在最上层,遮盖其他页面内容的问题。如果是另外打开新的页面,则不会存在这个问题。

解决方法:

采用双webview模式加载地图页面,在页面初始化时,加载子页面,子页面为仅展示地图页面,当前页面可以是包括顶部导航栏和底部选项卡的页面。

mui.init({
 subpages:[{
 url:'map.html',//子页面HTML地址,支持本地地址和网络地址
 id:'map.html',//子页面标志
 styles:{
 top:'45px',//子页面顶部位置
 bottom:'45px',//子页面底部位置
// width:subpage-width,//子页面宽度,默认为100%
// height:subpage-height,//子页面高度,默认为100%
// ......
 },
 extras:{}//额外扩展参数
 }]
 });

在跳转的页面增加如下代码,则可以隐藏地图子页面

mui.plusReady(function(){
 plus.webview.hide('map.html');
 });

最后,不要忘记在原页面增加显示地图子页面的代码

mui.plusReady(function(){
 plus.webview.show('map.html');
 });

关于创建子页面的方法可以参考官方文档http://dev.dcloud.net.cn/mui/window/#subpage

发表评论

电子邮件地址不会被公开。