myOrder.wxml 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!--pages/my/myOrder/myOrder.wxml-->
  2. <view class="myOrder">
  3. <!-- 菜单切换 -->
  4. <view class="tab">
  5. <view class="itemTab {{selectTab === index?'selectTab':''}}" wx:for="{{tab}}" wx:key="index" data-index="{{index}}" bindtap="switchTab">{{item.title}}</view>
  6. </view>
  7. <!-- 订单列表 -->
  8. <view class="orderList">
  9. <view class="itemOrder" wx:for="{{orderList}}" wx:key="index">
  10. <view class="orderInfo">
  11. <view class="leftInfo">
  12. <view class="prodsImg">
  13. <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}}"/>
  14. </view>
  15. <view class="prodInfo" wx:if="{{item.orderDetailDTOS.length == 1}}">
  16. <text>{{item.orderDetailDTOS[0].prodName}}</text>
  17. <text>{{item.orderDetailDTOS[0].prodAttrName}}</text>
  18. <text>¥:{{item.orderDetailDTOS[0].price}}</text>
  19. </view>
  20. </view>
  21. <view class="statistics">
  22. <text>
  23. ¥{{item.orderAmount}}
  24. 共{{item.prodQuantity}}件
  25. </text>
  26. </view>
  27. </view>
  28. <view class="operateView">
  29. <view class="status">
  30. <text class="name">状态</text>
  31. <text>{{item.statusName}}</text>
  32. </view>
  33. <image class="editIcon" src="/images/my/edit.png" mode="" data-orderId="{{item.orderId}}" catchtap="goOrderDetail"/>
  34. <image class="logistics" src="/images/my/logistics.png" mode="" data-item="{{item}}" wx:if="{{item.orderDetailExprs.length > 0}}" catchtap="showExprMsg"/>
  35. </view>
  36. </view>
  37. <text class="tips" wx:if="{{orderList.length === 0}}">~没有数据~</text>
  38. </view>
  39. <!-- 商品总价 -->
  40. <!-- <view class="totalPrice">
  41. <text>商品总价</text>
  42. <text>¥:82900.00</text>
  43. </view> -->
  44. <!-- 推荐 -->
  45. <!-- <view class="recommend">
  46. <view class="divider">
  47. <text class="line"></text>
  48. <text class="text">更多个性化推荐</text>
  49. <text class="line"></text>
  50. </view>
  51. <product-list position="hot"></product-list>
  52. </view> -->
  53. </view>