<!--index.wxml-->
<view class="container">
  <view  class="userinfo f-box">
    <view>
      <block  wx:if="{{userInfo.avatarUrl}}">
            <image class="userinfo-avatar"   src="{{userInfo.avatarUrl}}"></image> 
        </block>
        <block wx:else>
            <image class="userinfo-avatar"   src="/images/def_photo.png"></image> 
        </block>
    </view>
    <view class='user-right'>
      <view class="userinfo-nickname">{{userInfo.nickName}}</view>
      <view class='user-phone'>点击绑定手机号</view>
    </view>
  </view>

  <!-- 采购订单 -->
 <view class='user-order'>
    <view class="pad-t20 pad-b20 mar-r20 f-s30 mar-l20 order-title f-box f-align-items-center">
      <view class='f-item'>{{orderList.label}}</view>
      <view class='f-s28 f-box f-align-items-center'>
        <view>{{orderList.summary}}</view>
        <icon class='{{orderList.icon}} iconfont'></icon>
      </view>
    </view>
    <view class='f-box order-list f-justify-content-center mar-l20 mar-r20 f-s28'>
      <view class='f-item  order-item' wx:for="{{orderList.data}}" data-state="{{item.state}}" bindtap='orderList'>
        <text wx:if="{{item.num > 0 }}">{{item.num}}</text>
        <icon class='iconfont {{item.icon}}'></icon>
        <view>{{item.label}}</view>
      </view>
    </view>
</view>

  <!-- 我的定制订单 -->
 <view class='user-order'>
    <view class="pad-t20 pad-b20 mar-r20 f-s30 mar-l20 order-title f-box f-align-items-center">
      <view class='f-item'>{{madeList.label}}</view>
      <view class='f-s28 f-box f-align-items-center'>
        <view>{{madeList.summary}}</view>
        <icon class='{{madeList.icon}} iconfont'></icon>
      </view>
    </view>
    <view class='f-box order-list f-justify-content-center mar-l20 mar-r20 f-s28'>
      <view class='f-item  order-item' wx:for="{{orderList.data}}" data-state="{{item.state}}" bindtap='madeList'>
        <text wx:if="{{item.num > 0 }}">{{item.num}}</text>
        <icon class='iconfont {{item.icon}}'></icon>
        <view>{{item.label}}</view>
      </view>
    </view>
</view>
  

</view>

