daliangzao/customized/pages/user/user.wxml

<!-- 头部个人中心 -->
<view class='user-header bg-green'>
  <view class='h-content f-box f-justify-content-center'>
    <view class='h-img'>
      <image src='{{userInfo.avatarUrl}}' mode='aspectFit'></image>
    </view>
  </view>
  <view class='nice f-box f-justify-content-center mar-t20 c-white f-s30'>{{userInfo.nickName}}</view>
</view>

<!-- 我的订单 -->
<view class='user-order'>
    <view class="mar-t20 pad-t20 pad-b20 mar-r20 f-s30 mar-l20 order-title">我的订单</view>
    <view class='f-box order-list f-justify-content-center mar-l20 mar-r20 f-s28'>
      <view class='f-item' data-state="0" bindtap='orderInfor'>
        <icon class='iconfont icon-icon-test c-green'></icon>
        <view>待付款</view>
      </view>
      <view class='f-item' data-state="1" bindtap='orderInfor'>
        <icon class='iconfont icon-dingzhijiaju c-green'></icon>
        <view>待定制</view>
      </view>
      <view class='f-item' data-state="2" bindtap='orderInfor'>
        <icon class='iconfont icon-daifahuo1 c-green'></icon>
        <view>待发货</view>
      </view>
      <view class='f-item' data-state="3" bindtap='orderInfor'>
        <icon class='iconfont icon-daishouhuo c-green'></icon>
        <view>待收货</view>
      </view>
    </view>
</view>