1、登陆页
2、登陆之后的主页
3、进入主页后,侧滑么有正常显示,显示了启动页了
侧滑的代码我用就是demo里面的,如下:
var menu = null,list=null,mask = null;
var showMenu = false;
mui.plusReady(function() {
if(mui.os.android){
plus.screen.lockOrientation("portrait-primary");
}
//处理侧滑导航,为了避免和子页面初始化等竞争资源,延迟加载侧滑页面;
setTimeout(function () {
console.log('setTimeout');
menu= mui.preload({
id: 'my-profile',
url: '../user/my-profile.html',
styles: {
left: 0,
width: '70%',
zindex: -1
},
show:{
aniShow:'none'
}
});
},200);
});
/**
* 显示侧滑菜单
*/
function openMenu(){
if(!showMenu){
//侧滑菜单处于隐藏状态,则立即显示出来;
menu.show('none',0,function () {
//主窗体开始侧滑;
mui.currentWebview.setStyle({
left:'70%',
transition: {
duration: 150
}
});
showMenu = true;
});
//显示遮罩
setTimeout(function () {
mask&&(mask.show('none'));
},150);
}
}
/**
* 关闭菜单
*/
function closeMenu(){
if(showMenu){
//关闭遮罩;
mask&&(mask.hide());
//主窗体开始侧滑;
mui.currentWebview.setStyle({
left: '0',
transition: {
duration: 200
}
});
showMenu = false;
//等动画结束后,隐藏菜单webview,节省资源;
setTimeout(function () {
menu.hide();
},300);
}
}
0 个回复