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}}</view>
   </view>

   <!-- 订单列表 -->
   <view class="orderList">
       <view class="itemOrder" wx:for="{{3}}" wx:key="index">
          <view class="orderInfo">
                <view class="leftInfo">
                    <view class="prodsImg">
                        <image class="coverImg" src="/images/index/category-item.png" mode="" wx:for="{{1}}" wx:key="index"/>
                    </view>
                    <view class="prodInfo">
                       <text>商品描述高领长袖T恤露脐短装</text>
                       <text>白色/M</text>
                       <text>￥：1297</text>
                    </view>
                </view>
              <view class="statistics">
                 <text>
                    ￥82900.00
                    共5件
                 </text>
              </view>
          </view>
          <view class="operateView">
             <view class="status">
                <text class="name">状态</text>
                <text>未收货</text>
             </view>
             <image class="editIcon" src="/images/my/edit.png" mode=""/>
             <image class="logistics" src="/images/my/logistics.png" mode=""/>
          </view>
       </view>
   </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>