微信小程序授权登录流程

 通过button组件open-type属性增加getUserInfo值获取用户信息，用户点击时候会触发bindgetuserinfo事件。

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

 将获取到的用户信息进行存储，返回上一级页面

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

渲染页面调用数据

<view class="user_info_wrap">
  <view wx:if="{{userinfo.nickName}}" class="user_img_wrap">
    <image class="user_bg" src="{{userinfo.avatarUrl}}"></image>
    <view class="user_info">
      <image class="user_icon" src="{{userinfo.avatarUrl}}"></image>
      <view class="user_name">{{userinfo.nickName}}</view>
    </view>
  </view>