微信小程序项目_秋泊优选53

49、登录页面_获取用户信息

pages\login\index.json

{
    
    
  "usingComponents": {
    
    },
  "navigationBarTitleText": "登录"
}

pages\login\index.wxml

<button type="primary" plain>登录</button>

pages\login\index.wxss

button{
    
    
    margin-top: 40rpx;
    width: 70%;
}

获取用户信息

<button type="primary" plain open-type="getUserInfo" bindgetuserinfo="handleGetUserInfo">登录</button>

pages\login\index.js

Page({
    
    
  handleGetUserInfo(e){
    
    
    //console.log(e);

    const {
    
    userInfo}=e.detail;
    wx.setStorageSync( "userinfo", userInfo);
    wx.navigateBack({
    
    
      delta: 1
    });
  }
})

pages\user\index.wxml

<navigator url="/pages/login/index">登录</navigator>

清全部缓存——>从个人中心(Storage存储缓存什么都没有)——>点登录——>跳转到登录页面——>点登录按钮——>微信权限允许（此时缓存中也存在数据）

登录页面功能完成