get-user-info.wxml

<import src="../common/header.wxml" />
<import src="../common/footer.wxml" />

<view class="container">
  <template is="header" data="{{title: 'getUserInfo'}}"/>

  <view class="page-body">
    <view class="page-body-wrapper">
      <view class="page-body-info">
        <view class="page-body-title">用户信息</view>
        <block wx:if="{{hasUserInfo === false}}">
          <text class="page-body-text">未获取</text>
          <text class="page-body-text">点击绿色按钮可获取用户头像及昵称</text>
        </block>
        <block wx:if="{{hasUserInfo === true}}">
          <wx-image class="userinfo-avatar" src="{{userInfo.avatarUrl}}"></wx-image>
          <text class="userinfo-nickname">{{userInfo.nickName}}</text>
        </block>
      </view>
      <view class="page-body-buttons">
        <button class="page-body-button" type="primary" bindtap="getUserInfo">获取用户信息</button>
        <button class="page-body-button" bindtap="clear">清空</button>
      </view>
    </view>
  </view>

  <template is="footer" />
</view>