daliangzao/customized/pages/user/user.wxml

<!-- 头部个人中心 -->
<view class='user-header bg-orange'>
  <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 mar-b20 f-s32 mar-l20">我的订单</view>
  <view class='bg-white'>
    <view class='f-box order-list f-justify-content-center mar-l20 mar-r20 f-s28'>
      <view class='f-item'>
        <icon class='iconfont icon-icon-test c-orange'></icon>
        <view>待付款</view>
      </view>
      <view class='f-item'>
        <icon class='iconfont icon-daifahuo1 c-orange'></icon>
        <view>待发货</view>
      </view>
      <view class='f-item'>
        <icon class='iconfont icon-daishouhuo c-orange'></icon>
        <view>待收货</view>
      </view>
    </view>
  </view>
</view>