.wxml

<view class=“container”>

  <view  bindtap=“bindViewTap” class=“userinfo”>

    <image class=“userinfo-avatar” src="{{userInfo.avatarUrl}}" background-size=“cover”></image>

    <text class=“userinfo-nickname”>{{userInfo.nickName}}</text>

  </view>

  <view class=“usermotto”>

    <text class=“user-motto”>{{motto}}</text>

  </view>

</view>

.js

//获取应用实例

var app = getApp()

//声明页面

Page({

  //定义数据

  data: {

    motto: ‘hello world’,

    userInfo: {}

  },

  //事件处理函数

  bindViewTap: function () {

    //导航到响应页面

    wx.navigateTo({

      url: ‘…/logs/logs’

    })

  },

  //定义加载时事件

  onLoad: function () {

    console.log(‘onLoad’)

    var that = this

    //调用应用实例的方法获取全局数据

    app.getUserInfo(function (userInfo) {

      //更新数据

      that.setData({

        userInfo: userInfo

      })

    })

  },

})

在本地可以正常显示头像和昵称