wap2app适配的时候,常碰到的一个场景就是登录,wap站登录成功后,比较差的体验主要有两个:
1、back依然可以看到登录页,效果很差
2、首页如果有登录入口,返回首页,首页依然显示未登录的状态
处理方法是利用页面的onShow方法,打开页面时的同时将不需要的页面关掉。比如登录后进入个人中心,关闭登录页。代码如下:
Page('usercenter', { //用户中心页面扩展
/**
* 用户中心页面显示时触发
*/
onShow: function() {
//获取登录页的webview
var loginWebview = plus.webview.getWebviewById("login");
if(loginWebview){
loginWebview.close("none");//关闭登录页
}
//如果要关闭好几个页面
var webviewsId = ['login','register','pay','other'];
for (var i = 0; i < webviewsId.length; i++) {
var webview = plus.webview.getWebviewById(webviewsId[i]);
if(webview){
webview.close("none");//关闭页面
}
}
//如果要刷新首页的状态
plus.webview.getLaunchWebview().reload();
}
});
此情形同样适用于支付、注册等流程。比如网页支付可能需要好几步,支付完后back,不应再看到支付流程,这时候就可以在支付
成功页面用onShow方法,来关掉支付流程的页面。
1 个评论
要回复文章请先登录或注册
9157654