fohow_xcx/packageUser/pages/user/orders/orders.wxml

<view class="bg">
  <view class="orders-tabs">
    <view class="orders-tab" bindtap="tabAll">全部</view>
    <view class="orders-tab" bindtap="tabUnpay">待支付</view>
    <view class="orders-tab" bindtap="tabProcessing">待发货</view>
    <view class="orders-tab" bindtap="tabDispatch">待收货</view>
    <view class="orders-tab" bindtap="tabComplete">已完成</view>
    <view class="clean"></view>
    <view class="orders-tab__border" style="left: {{tabLeft}}"></view>
  </view>

  <view class="orders-main">
    <view class="order" wx:key="{{index}}" wx:for="{{list}}">
      <view class="order-title">
        <view class="order-title__left">订单号：{{item.order_id}}</view>
        <view class="order-title__right">{{item.status_cn}}</view>
        <view class="clean"></view>
      </view>
      <navigator url="/packageUser/pages/user/order/order?id={{item.order_id}}" open-type="navigate">
        <view class="order-main" wx:for="{{item.product_list}}" wx:for-item="nitem">
          <image class="order-main__left" src="{{nitem.cover}}"></image>
          <view class="order-main__right">
            <view class="order-info__title ellipsisLn">{{nitem.name}} <span wx:if="{{nitem.color_name || nitem.size_name}}">|</span> {{nitem.color_name}} {{nitem.size_name}}</view>
            <!-- <view class="order-info__type ellipsis">{{nitem.detail}}</view> -->
            <view class="order-info__price">
              <currency symbol="￥" value="{{nitem.price}}" wx:if="{{item.status === 'unpay'}}" />
              <currency symbol="￥" value="{{nitem.price}}" wx:if="{{item.status !== 'unpay'}}" />
              <!-- <currency wx:if="{{item.status == 'unpay' || item.pay_way == 'weixinpay'}}" symbol="￥" value="{{nitem.price}}"></currency><text style="color:#bbb"> <text wx:if="{{item.status == 'unpay' || item.pay_way == 'balance'}}"> <text wx:if="{{item.status == 'unpay'}}"> 或</text> {{nitem.price}}代金券</text></text><currency symbol="￥" value="{{nitem.price}}" ></currency><text class="order-info__point">（或{{nitem.price}}代金券）</text> -->
            </view>
            <view class="order-info__count">x{{nitem.order_count}}</view>
          </view>
          <view class="clean"></view>
        </view>
      </navigator>
      <view class="order-allprice" wx:if="{{item.status === 'unpay'}}">共{{item.count}}件商品 合计：
        <!--<view style="float: right;margin-left: 5rpx;" wx:if="{{item.product.mall_balance_price}}">
          <text> 或</text> {{item.product.mall_balance_price * item.count / 100}}代金券
        </view>-->
        <text style="float: right;margin-left: 5rpx;" wx:if="{{item.product.robo_balance_price}}">
          <text> 或</text> {{(item.total_price+item.freight) / 100}}代金券
        </text>
        <currency style="float: right;" symbol="￥" value="{{item.total_price+item.freight}}"></currency>
        <view class="clean"></view>
      </view>

      <view class="order-allprice" wx:if="{{item.status !== 'unpay'}}">共{{item.count}}件商品 合计：
        <view style="float: right;" wx:if="{{item.pay_way == 'integral' && item.product.mall_balance_price}}">{{(item.total_price+item.freight) / 100}}代金券
        </view>
        <text style="float: right;" wx:if="{{item.pay_way == 'balance' && item.product.robo_balance_price}}">{{(item.total_price+item.freight) / 100}}代金券
        </text>
        <currency style="float: right;" wx:if="{{item.pay_way == 'weixinpay'}}" symbol="￥" value="{{item.total_price+item.freight}}"></currency>
        <view class="clean"></view>
      </view>	
      <view class="order-btn">
        <navigator url="/pages/pay/pay?orderId={{item.order_id}}" open-type="navigate">
          <view class="order-btn__red" wx:if="{{item.status === 'unpay'}}">支付</view>
        </navigator>
        <view class="order-btn__red" bindtap="confirmPopup" data-val="{{item.order_id}}" wx:if="{{item.status === 'dispatch'}}">确认收货</view>
        <view class="order-btn__black" bindtap="CancelPopup" data-val="{{item.order_id}}" wx:if="{{item.status === 'unpay'}}">取消订单</view>
<!--         <view class="order-btn__black" wx:if="{{item.status === 'dispatch' && item.status === 'dispatch'}}">查看物流</view> -->
        <!-- <view class="order-btn__black">删除订单</view> -->
      </view>
    </view>
    <view class="orders-no" wx:if="{{list.length <= 0}}">
      <image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/user/unorders.png" class="orders-no__icon"></image>
      <view class="orders-no__text">还没有订单信息</view>
    </view>
  </view>
</view>