微信小程序开发之根据判断用户是否登录状态来显示不同的内容

我的qq 2038373094

我做的是微信小程序、网站、手机app，后端java+前端vue、bootstrap框架、原生的html+css+js都会

做过律师在线咨询系统、共享农场手机app、在线心理咨询系统

 

页面效果如下

 代码如下

login.wxml

  
    
      
        
          
        
      
      
        
          用户名
        
      
    
  
  
    还未登录
  
  
    
      
        
          
            
          
        
        
          
            修改密码
          
        
        
          
            
          
        
      
      
        
          
            
          
        
        
          
            我的作业
          
        
        
          
            
          
        
      
    

  

login.wxss

.bg {
  width: 100%;
  height: 450rpx;
  background-color: #e0acc5;
}
.btn {
  margin-left: 250rpx;
  margin-top: 194rpx;
}
.info {
  margin-top: 50rpx;
}

login.js

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
//引入文件
exports.default = Page({
  data: {
    login: false
  },
  onLoad: function onLoad() {
    //判断一下存储的用户名
    var uname = wx.setStorageSync('uname');
    if (uname == null || uname == 'undefined') {
      this.login = false;
    } else {
      this.login = true;
    }
    //判断一下存储的用户名    
  }
});