在mui框架中如何实现webview模式的侧滑菜单？

分类：MUI

侧滑菜单

您好，我是一个初学者，我用HBuilder新建了一个MUI项目，想实现实例里面的侧滑菜单效果，我按照官网（http://dev.dcloud.net.cn/mui/ui/#offcanvas）内的方法成功实现了DIV模式的侧滑菜单，但是官网没有教怎么用webview模式实现侧滑菜单，我想应该是首先用js预加载一个单独的菜单页，于是我写了一段预加载代码：

var page = mui.preload({  
    url:'sidemenu.html',  
    id:'sidemenu',  
    styles:{  
        left: "30%",  
        width: '70%',  
        zindex: 999  
    }  
});

接下来我就不知道该如何让这个侧滑菜单显示了，请各位大神帮帮忙啊

2016-04-01 15:08 负责人:无分享

1 个回复

gavingu

参考html5+ 的demo。 /plus/webview_mask.html

稍作修改

// 显示侧滑页面  
function showSide(){  
    // 防止快速点击可能导致多次创建  
    if(wc){  
        return;  
    }  
    // 开启遮罩  
    ws.setStyle({mask:"rgba(0,0,0,0.5)"});  
    // 获取侧滑页面  
    wc = plus.webview.getWebviewById("sidemenu");  
    // 侧滑页面隐藏后关闭遮罩  
    wc.addEventListener('hide',function(){  
        ws.setStyle({mask:"none"});  
        wc=null;  
    },false);  
    wc.show("slide-in-right",200);  
}

该问题目前已经被锁定, 无法添加新回复

在mui框架中如何实现webview模式的侧滑菜单？

1 个回复

公告

相关问题

在mui框架中如何实现webview模式的侧滑菜单？

与内容相关的链接

1 个回复

公告

相关问题