<!-- 登录授权 -->
<view  wx:if='{{isShow}}'><view wx:if='{{canIuse}}'><button open-type="getUserInfo" bindgetuserinfo='getUserInfo'>获取头像昵称 </button></view><view wx:else>请升级微信版本</view>
</view><!-- 内容显示--头像 --><view class='userinfo' wx:else><view class="avatarUrl"> <image src='{{userInfo.avatarUrl}}'></image></view><text class='nickName'>{{userInfo.nickName}}</text></view>

App({onLaunch:function(){var that=this;//进入页面获取是否授权----------------------------wx.getSetting({success(res) {//authSetting用户授权结果console.log(res.authSetting);//scope.userInfoif (res.authSetting['scope.userInfo']) {//授权过console.log('授权过信息');// 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框wx.getUserInfo({success: function (res) {console.log(res.userInfo);//存储到本地that.globalData.userInfo = res.userInfo;// 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回// 所以此处加入 callback 以防止这种情况if (that.userInfoReadyCallback) {that.userInfoReadyCallback(res)}}})} else {console.log('没有授权')}}})wx.showModal({title: '是否授权当前的用户信息',content: '',})},globalData: {cityInfo: '',userInfo:null,}
})

var app=getApp();
Page({data: {isShow:true,//显示//判断小程序的API，回调，参数，组件等是否在当前版本可用canIuse: wx.canIUse('button.open-type.getUserInfo'),userInfo:{},//微信信息},onLoad: function (options) {//进入页面---判断全局是否有数据var  that=this;console.log(app.globalData.userInfo)//进入页面后---获取本地存储是否有数据授权----------if(app.globalData.userInfo){this.setData({isShow:false,userInfo:app.globalData.userInfo})} else if (this.data.canIuse) {// 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回// 所以此处加入 callback 以防止这种情况app.userInfoReadyCallback = res => {that.setData({userInfo: res.userInfo,isShow: false,})}}},//-----点击授权--------------------------getUserInfo:function(e){console.log(e.detail)//userInfo登录人微信信息//存储全局变量-----------------app.globalData.userInfo = e.detail.userInfo;//存全局的账号信息this.setData({userInfo:e.detail.userInfo,isShow:false})},
})