apicloud根据登陆的状态显示或隐藏登陆模块

焦虑

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;");
}
};

点击退出登录的按钮，就是消除存储信息并且显示登陆按钮隐藏用户名按钮

 

---

---

演示效果如下

总结

其实很简单，只是觉得复杂罢了，思路要清晰！