<!--pages/person/person.wxml-->
<view id="container">
  <image class="top-image" src="../../image/user-center-bg-v1.png"></image>

  <view class="content-wrapper">
    <view class="cell-group user-profile">
      <button class="avatar-selector" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
        <image class="avatar" src="{{avatarUrl}}"></image>
      </button>
      <view style="width: 100%;">
        <text class="nickname">{{nickName}}</text>
        <text style="font-size: 11px; color: grey;">
          点击头像使用微信头像；{{displayUserId}}
        </text>
      </view>
    </view>

    <view class="cell-group">
      <view class="cell" wx:for="{{ menuList }}" wx:for-item="menu" wx:key="id">
        <view class="cell-item" id="{{ menu.id }}" bindtap="menuTap" style="{{ menu.color ? 'color:'+menu.color : '' }}">
          {{ menu.title }}
        </view>
        <view class="cell-sept"></view>
      </view>
    </view>
  </view>
</view>