study_wxapp/pages/my/index/index.wxml

<wxs module="filter" src="../../../wxs/exam-fun.wxs"></wxs>
<view class='userinfo'>
  <view class='userinfo-avatar'>
    <open-data type="userAvatarUrl"></open-data>
  </view>
</view>

<view>
  <i-cell-group i-class="my-group-margin">
    <i-cell is-link>
      <i-icon type="mobilephone_fill" slot="icon" size="20" />
      <button wx:if="{{userInfo.phone}}" class="plain tl">
        {{filter.phoneFormat(userInfo.phone)}}
      </button>

      <button wx:else open-type="getPhoneNumber" class="plain tl" bindgetphonenumber="getPhoneNumber">
        绑定手机
      </button>
    </i-cell>

    <i-cell is-link>
      <i-icon type="editor" slot="icon" size="20" />
      <button wx:if="{{userInfo.displayName && userInfo.displayName!='微信用户'}}" class="plain tl">
        {{userInfo.displayName}}
      </button>
      <button wx:else open-type="getUserInfo"  class="plain tl" bindgetuserinfo="userInfoHandler"> 
        保存头像
      </button>
    </i-cell>
  </i-cell-group>
</view>

<view>
  <i-cell-group i-class="my-group-margin">
    <i-cell title="设置" is-link url="/pages/dashboard/index">
      <i-icon type="setup_fill" slot="icon" size="20" />
    </i-cell>
    <i-cell title="反馈" is-link url="/pages/dashboard/index">
      <i-icon type="praise_fill" slot="icon" size="20" />
    </i-cell>
    <i-cell title="关于" is-link url="/pages/dashboard/index">
      <i-icon type="prompt_fill" slot="icon" size="20" />
    </i-cell>
  </i-cell-group>
</view>

<view>
  <i-cell-group i-class="my-group-margin">
    <i-cell title="清理缓存" bind:click="logOut">
      <i-icon type="flashlight_fill" slot="icon" size="20" />
    </i-cell>
  </i-cell-group>
</view>

<view class="copyright">宁德市建筑工程技术服务行业协会 提供技术支持</view>

<i-spin size="large" fix wx:if="{{ spinShow }}"></i-spin>
<i-message id="message" />