焦虑
1、点击登陆以后,会挑转到这个页面,隐藏这个立即登陆的按钮,显示用户名;
2、当点击退出的按钮,就会显示立即登陆的按钮;
3、这个涉及到用户名的存储与消除,以及div模块的隐藏于显示
药方
1、在登陆验证成功以后,要把用户名和id存储起来
if (ret.name!=''){$api.setStorage('userName',ret.name);}
if (ret.id>0){$api.setStorage('id', ret.id);}
api.toast({
msg:'登录成功',
duration: '1200',
localtion: 'middle'
});
2、在个人中心页面,开始判断,是否有存储的用户信息,有显示用户名,没有显示立即登陆按钮
难点:div模块的隐藏与显示,js给button按钮赋值
apiready = function(){
//把存储的用户名与id显示出来
var name=$api.getStorage('userName');
//alert(name);
if(name){
$("#unlogin").attr("style","display:none;");
$("#onlogin").attr("style","display:block;");
$("#onlogin").text(name);
}else{
$("#unlogin").attr("style","display:block;");
$("#onlogin").attr("style","display:none;");
}
};
点击退出登录的按钮,就是消除存储信息并且显示登陆按钮隐藏用户名按钮
演示效果如下
总结
其实很简单,只是觉得复杂罢了,思路要清晰!