GululuQ-mp/pages/my/myOrder/myOrder.wxml

<!--pages/my/myOrder/myOrder.wxml-->
<view class="myOrder">
   
   <!-- 菜单切换 -->
   <view class="tab">
      <view class="itemTab {{selectTab === index?'selectTab':''}}" wx:for="{{tab}}" wx:key="index" data-index="{{index}}" bindtap="switchTab">{{item.title}}</view>
   </view>

   <!-- 订单列表 -->
   <view class="orderList">
       <view class="itemOrder" wx:for="{{orderList}}" wx:key="index">
          <view class="orderInfo">
                <view class="leftInfo">
                    <view class="prodsImg">
                        <image class="coverImg" src="{{item2.imageDTOS[0].picUrl}}" mode="" wx:for="{{item.orderDetailDTOS}}" wx:key="this" wx:for-index="index2" wx:for-item="item2" wx:if="{{index2 < 4}}"/>
                    </view>
                    <view class="prodInfo" wx:if="{{item.orderDetailDTOS.length == 1}}">
                       <text>{{item.orderDetailDTOS[0].prodName}}</text>
                       <text>{{item.orderDetailDTOS[0].prodAttrName}}</text>
                       <text>￥：{{item.orderDetailDTOS[0].price}}</text>
                    </view>
                </view>
              <view class="statistics">
                 <text>
                    ￥{{item.orderAmount}}
                    共5件
                 </text>
              </view>
          </view>
          <view class="operateView">
             <view class="status">
                <text class="name">状态</text>
                <text>{{item.statusName}}</text>
             </view>
             <image class="editIcon" src="/images/my/edit.png" mode="" data-orderId="{{item.orderId}}" catchtap="goOrderDetail"/>
             <image class="logistics" src="/images/my/logistics.png" mode=""/>
          </view>
       </view>
       <text class="tips" wx:if="{{orderList.length === 0}}">~没有数据~</text>
   </view>

   <!-- 商品总价 -->
   <!-- <view class="totalPrice">
      <text>商品总价</text>
      <text>￥：82900.00</text>
   </view> -->

   <!-- 推荐 -->
   <view class="recommend">
        <view class="divider">
           <text class="line"></text>
           <text class="text">更多个性化推荐</text>
           <text class="line"></text>
        </view>
        <product-list position="hot"></product-list>
    </view>
</view>