<view class="min-wrapper">
  <navigation-bar
    navBarConfig="{{navBarConfig}}"/>
  <view style="padding-top: {{navBarHeight}}px;" class="header"
        bind:tap="jump"
        data-navigate="login">
    <image class="bg" src="{{tools.imgFilter('/mine/Me_bg@2x.png')}}"></image>
    <view class="user-info">
      <!-- 头像：未登录 -->
      <image class="portrait"
             src="{{tools.imgFilter('/mine/Me_Avatar_pic_default@2x.png')}}"
             wx:if="{{!sessionId}}"></image>
      <!-- 头像：已登录 -->
      <image class="portrait"
             src="{{userInfo.user_head_img_url || tools.imgFilter('/mine/Me_avatar_male_default@2x.png')}}"
             wx:else></image>
      <view>
        <block wx:if="{{sessionId}}">
          <view class="name">{{userInfo.user_nickname}}</view>
          <view class="phone">{{userInfo.user_phone}}</view>
        </block>
        <view class="name" wx:else>未登录</view>
      </view>
    </view>
  </view>
  <view class="navigate-list">
    <view class="list" data-navigate="order" bind:tap="jump">
      <view class="label-wrap">
        <image class="label" src="{{tools.imgFilter('/mine/Me_list_icon_order@2x.png')}}"></image>
        <text class="label">我的订单</text>
      </view>
      <image class="arrow" src="{{tools.imgFilter('/mine/Me_list_icon_arrow@2x.png')}}"></image>
    </view>
    <view class="list margin-top-20 padding-bottom-22" data-navigate="invoice" bind:tap="jump">
      <view class="label-wrap">
        <image class="label" src="{{tools.imgFilter('/mine/Me_list_icon_invoice@2x.png')}}"></image>
        <text class="label">开具发票</text>
      </view>
      <image class="arrow" src="{{tools.imgFilter('/mine/Me_list_icon_arrow@2x.png')}}"></image>
    </view>
    <view class="list margin-top-22" data-navigate="help" bind:tap="jump">
      <view class="label-wrap">
        <image class="label" src="{{tools.imgFilter('/mine/Me_list_icon_service@2x.png')}}"></image>
        <text class="label">客服中心</text>
      </view>
      <image class="arrow" src="{{tools.imgFilter('/mine/Me_list_icon_arrow@2x.png')}}"></image>
    </view>
    <view class="list margin-top-20" data-navigate="feedback" bind:tap="jump">
      <view class="label-wrap">
        <image class="label" src="{{tools.imgFilter('/mine/Me_list_icon_feedback@2x.png')}}"></image>
        <text class="label">意见反馈</text>
      </view>
      <image class="arrow" src="{{tools.imgFilter('/mine/Me_list_icon_arrow@2x.png')}}"></image>
    </view>
    <view class="list margin-top-20" data-navigate="setting" bind:tap="jump">
      <view class="label-wrap">
        <image class="label" src="{{tools.imgFilter('/mine/Me_list_icon_setting@2x.png')}}"></image>
        <text class="label">设置</text>
      </view>
      <image class="arrow" src="{{tools.imgFilter('/mine/Me_list_icon_arrow@2x.png')}}"></image>
    </view>
  </view>
</view>
<wxs src="../../components/wxs/index.wxs" module="tools"></wxs>
